@arghajit/dummy 0.1.1 → 0.1.2-beta-2

package/dist/reporter/playwright-pulse-reporter.d.ts

@@ -12,6 +12,7 @@ export declare class PlaywrightPulseReporter implements Reporter {
     private isSharded;
     private shardIndex;
     private resetOnEachRun;
+    private currentRunId;
     constructor(options?: PlaywrightPulseReporterOptions);
     printsToStdio(): boolean;
     onBegin(config: FullConfig, suite: Suite): void;
@@ -19,6 +20,13 @@ export declare class PlaywrightPulseReporter implements Reporter {
     private getBrowserDetails;
     private processStep;
     onTestEnd(test: TestCase, result: PwTestResult): Promise<void>;
+    private _getBaseTestId;
+    private _getStatusOrder;
+    /**
+     * Refactored to group all run attempts for a single logical test case.
+     * @param allAttempts An array of all individual test run attempts.
+     * @returns An array of ConsolidatedTestResult objects, where each object represents one logical test and contains an array of all its runs.
+     */
     private _getFinalizedResults;
     onError(error: any): void;
     private _getEnvDetails;

package/dist/reporter/playwright-pulse-reporter.js

@@ -39,8 +39,13 @@ const path = __importStar(require("path"));
 const crypto_1 = require("crypto");
 const ua_parser_js_1 = require("ua-parser-js");
 const os = __importStar(require("os"));
-const convertStatus = (status, testCase) => {
+const convertStatus = (status, testCase, retryCount = 0) => {
+    if (status === "passed" && retryCount > 0) {
+        return "flaky";
+    }
     if ((testCase === null || testCase === void 0 ? void 0 : testCase.expectedStatus) === "failed") {
+        if (status === "passed")
+            return "flaky";
         return "failed";
     }
     if ((testCase === null || testCase === void 0 ? void 0 : testCase.expectedStatus) === "skipped") {
@@ -64,10 +69,12 @@ const INDIVIDUAL_REPORTS_SUBDIR = "pulse-results";
 class PlaywrightPulseReporter {
     constructor(options = {}) {
         var _a, _b, _c;
+        // This will now store all individual run attempts for all tests using our new local type.
         this.results = [];
         this.baseOutputFile = "playwright-pulse-report.json";
         this.isSharded = false;
         this.shardIndex = undefined;
+        this.currentRunId = "";
         this.options = options;
         this.baseOutputFile = (_a = options.outputFile) !== null && _a !== void 0 ? _a : this.baseOutputFile;
         this.outputDir = (_b = options.outputDir) !== null && _b !== void 0 ? _b : "pulse-report";
@@ -82,6 +89,7 @@ class PlaywrightPulseReporter {
         this.config = config;
         this.suite = suite;
         this.runStartTime = Date.now();
+        this.currentRunId = `run-${this.runStartTime}-${(0, crypto_1.randomUUID)()}`;
         const configDir = this.config.rootDir;
         const configFileDir = this.config.configFile
             ? path.dirname(this.config.configFile)
@@ -106,9 +114,7 @@ class PlaywrightPulseReporter {
         })
             .catch((err) => console.error("Pulse Reporter: Error during initialization:", err));
     }
-    onTestBegin(test) {
-        console.log(`Starting test: ${test.title}`);
-    }
+    onTestBegin(test) { }
     getBrowserDetails(test) {
         var _a, _b, _c, _d;
         const project = (_a = test.parent) === null || _a === void 0 ? void 0 : _a.project();
@@ -159,7 +165,7 @@ class PlaywrightPulseReporter {
         }
         return finalString.trim();
     }
-    async processStep(step, testId, browserDetails, testCase) {
+    async processStep(step, testId, browserDetails, testCase, retryCount = 0) {
         var _a, _b, _c, _d;
         let stepStatus = "passed";
         let errorMessage = ((_a = step.error) === null || _a === void 0 ? void 0 : _a.message) || undefined;
@@ -167,7 +173,7 @@ class PlaywrightPulseReporter {
             stepStatus = "skipped";
         }
         else {
-            stepStatus = convertStatus(step.error ? "failed" : "passed", testCase);
+            stepStatus = convertStatus(step.error ? "failed" : "passed", testCase, retryCount);
         }
         const duration = step.duration;
         const startTime = new Date(step.startTime);
@@ -200,13 +206,13 @@ class PlaywrightPulseReporter {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         const project = (_a = test.parent) === null || _a === void 0 ? void 0 : _a.project();
         const browserDetails = this.getBrowserDetails(test);
-        const testStatus = convertStatus(result.status, test);
+        const testStatus = convertStatus(result.status, test, result.retry);
         const startTime = new Date(result.startTime);
         const endTime = new Date(startTime.getTime() + result.duration);
         const processAllSteps = async (steps) => {
             let processed = [];
             for (const step of steps) {
-                const processedStep = await this.processStep(step, test.id, browserDetails, test);
+                const processedStep = await this.processStep(step, test.id, browserDetails, test, result.retry);
                 processed.push(processedStep);
                 if (step.steps && step.steps.length > 0) {
                     processedStep.steps = await processAllSteps(step.steps);
@@ -238,9 +244,11 @@ class PlaywrightPulseReporter {
                 ? JSON.stringify(this.config.metadata)
                 : undefined,
         };
+        // Correctly handle the ID for each run attempt.
+        const testIdWithRunCounter = `${test.id}-run-${result.retry}`;
         const pulseResult = {
-            id: test.id,
-            runId: "TBD",
+            id: testIdWithRunCounter,
+            runId: this.currentRunId,
             name: test.titlePath().join(" > "),
             suiteName: (project === null || project === void 0 ? void 0 : project.name) || ((_e = this.config.projects[0]) === null || _e === void 0 ? void 0 : _e.name) || "Default Suite",
             status: testStatus,
@@ -249,6 +257,7 @@ class PlaywrightPulseReporter {
             endTime: endTime,
             browser: browserDetails,
             retries: result.retry,
+            runCounter: result.retry,
             steps: ((_f = result.steps) === null || _f === void 0 ? void 0 : _f.length) ? await processAllSteps(result.steps) : [],
             errorMessage: (_g = result.error) === null || _g === void 0 ? void 0 : _g.message,
             stackTrace: (_h = result.error) === null || _h === void 0 ? void 0 : _h.stack,
@@ -267,7 +276,7 @@ class PlaywrightPulseReporter {
             if (!attachment.path)
                 continue;
             try {
-                const testSubfolder = test.id.replace(/[^a-zA-Z0-9_-]/g, "_");
+                const testSubfolder = testIdWithRunCounter.replace(/[^a-zA-Z0-9_-]/g, "_");
                 const safeAttachmentName = path
                     .basename(attachment.path)
                     .replace(/[^a-zA-Z0-9_.-]/g, "_");
@@ -299,16 +308,62 @@ class PlaywrightPulseReporter {
         }
         this.results.push(pulseResult);
     }
-    _getFinalizedResults(allResults) {
-        const finalResultsMap = new Map();
-        for (const result of allResults) {
-            const existing = finalResultsMap.get(result.id);
-            // Keep the result with the highest retry attempt for each test ID
-            if (!existing || result.retries >= existing.retries) {
-                finalResultsMap.set(result.id, result);
+    // New method to extract the base test ID, ignoring the run-counter suffix
+    _getBaseTestId(testResultId) {
+        const parts = testResultId.split("-run-");
+        return parts[0];
+    }
+    _getStatusOrder(status) {
+        switch (status) {
+            case "passed":
+                return 1;
+            case "flaky":
+                return 2;
+            case "failed":
+                return 3;
+            case "skipped":
+                return 4;
+            default:
+                return 99;
+        }
+    }
+    /**
+     * Refactored to group all run attempts for a single logical test case.
+     * @param allAttempts An array of all individual test run attempts.
+     * @returns An array of ConsolidatedTestResult objects, where each object represents one logical test and contains an array of all its runs.
+     */
+    _getFinalizedResults(allAttempts) {
+        const groupedResults = new Map();
+        for (const attempt of allAttempts) {
+            const baseTestId = this._getBaseTestId(attempt.id);
+            if (!groupedResults.has(baseTestId)) {
+                groupedResults.set(baseTestId, []);
             }
+            groupedResults.get(baseTestId).push(attempt);
         }
-        return Array.from(finalResultsMap.values());
+        const finalResults = [];
+        for (const [baseId, runs] of groupedResults.entries()) {
+            // Sort runs to find the best status and overall duration
+            runs.sort((a, b) => this._getStatusOrder(a.status) - this._getStatusOrder(b.status));
+            const bestRun = runs[0];
+            // Calculate total duration from the earliest start to the latest end time of all runs
+            const startTimes = runs.map((run) => run.startTime.getTime());
+            const endTimes = runs.map((run) => run.endTime.getTime());
+            const overallDuration = Math.max(...endTimes) - Math.min(...startTimes);
+            finalResults.push({
+                id: baseId,
+                name: bestRun.name,
+                suiteName: bestRun.suiteName,
+                status: bestRun.status,
+                duration: overallDuration,
+                startTime: new Date(Math.min(...startTimes)),
+                endTime: new Date(Math.max(...endTimes)),
+                browser: bestRun.browser,
+                tags: bestRun.tags,
+                runs: runs.sort((a, b) => a.runCounter - b.runCounter), // Sort runs chronologically for the report
+            });
+        }
+        return finalResults;
     }
     onError(error) {
         var _a;
@@ -344,15 +399,14 @@ class PlaywrightPulseReporter {
         }
     }
     async _mergeShardResults(finalRunData) {
-        let allShardProcessedResults = [];
+        let allShardRawResults = [];
         const totalShards = this.config.shard ? this.config.shard.total : 1;
         for (let i = 0; i < totalShards; i++) {
             const tempFilePath = path.join(this.outputDir, `${TEMP_SHARD_FILE_PREFIX}${i}.json`);
             try {
                 const content = await fs.readFile(tempFilePath, "utf-8");
                 const shardResults = JSON.parse(content);
-                allShardProcessedResults =
-                    allShardProcessedResults.concat(shardResults);
+                allShardRawResults = allShardRawResults.concat(shardResults);
             }
             catch (error) {
                 if ((error === null || error === void 0 ? void 0 : error.code) === "ENOENT") {
@@ -363,11 +417,11 @@ class PlaywrightPulseReporter {
                 }
             }
         }
-        const finalResultsList = this._getFinalizedResults(allShardProcessedResults);
-        finalResultsList.forEach((r) => (r.runId = finalRunData.id));
+        const finalResultsList = this._getFinalizedResults(allShardRawResults);
         finalRunData.passed = finalResultsList.filter((r) => r.status === "passed").length;
         finalRunData.failed = finalResultsList.filter((r) => r.status === "failed").length;
         finalRunData.skipped = finalResultsList.filter((r) => r.status === "skipped").length;
+        finalRunData.flaky = finalResultsList.filter((r) => r.status === "flaky").length;
         finalRunData.totalTests = finalResultsList.length;
         const reviveDates = (key, value) => {
             const isoDateRegex = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d+)?Z$/;
@@ -414,34 +468,30 @@ class PlaywrightPulseReporter {
             await this._writeShardResults();
             return;
         }
-        // De-duplicate and handle retries here, in a safe, single-threaded context.
         const finalResults = this._getFinalizedResults(this.results);
         const runEndTime = Date.now();
         const duration = runEndTime - this.runStartTime;
-        const runId = `run-${this.runStartTime}-581d5ad8-ce75-4ca5-94a6-ed29c466c815`;
+        const runId = this.currentRunId;
         const environmentDetails = this._getEnvDetails();
         const runData = {
             id: runId,
             timestamp: new Date(this.runStartTime),
-            // Use the length of the de-duplicated array for all counts
             totalTests: finalResults.length,
             passed: finalResults.filter((r) => r.status === "passed").length,
             failed: finalResults.filter((r) => r.status === "failed").length,
             skipped: finalResults.filter((r) => r.status === "skipped").length,
+            flaky: finalResults.filter((r) => r.status === "flaky").length,
             duration,
             environment: environmentDetails,
         };
-        finalResults.forEach((r) => (r.runId = runId));
         let finalReport = undefined;
         if (this.isSharded) {
-            // The _mergeShardResults method will handle its own de-duplication
             finalReport = await this._mergeShardResults(runData);
         }
         else {
             finalReport = {
                 run: runData,
-                // Use the de-duplicated results
-                results: finalResults,
+                results: finalResults, // Cast to any to bypass the type mismatch
                 metadata: { generatedAt: new Date().toISOString() },
             };
         }
@@ -470,7 +520,6 @@ class PlaywrightPulseReporter {
             }
         }
         else {
-            // Logic for appending/merging reports
             const pulseResultsDir = path.join(this.outputDir, INDIVIDUAL_REPORTS_SUBDIR);
             const individualReportPath = path.join(pulseResultsDir, `playwright-pulse-report-${Date.now()}.json`);
             try {
@@ -516,45 +565,54 @@ class PlaywrightPulseReporter {
         const allResultsFromAllFiles = [];
         let latestTimestamp = new Date(0);
         let lastRunEnvironment = undefined;
-        let totalDuration = 0;
+        let earliestStartTime = Date.now();
+        let latestEndTime = 0;
         for (const file of reportFiles) {
             const filePath = path.join(pulseResultsDir, file);
             try {
                 const content = await fs.readFile(filePath, "utf-8");
                 const json = JSON.parse(content);
-                if (json.run) {
-                    const runTimestamp = new Date(json.run.timestamp);
-                    if (runTimestamp > latestTimestamp) {
-                        latestTimestamp = runTimestamp;
-                        lastRunEnvironment = json.run.environment || undefined;
-                    }
-                }
+                // This is the tricky part. We need to handle both old and new report formats.
+                // Assuming the `results` array might contain the old, single-run objects or the new, consolidated ones.
                 if (json.results) {
-                    allResultsFromAllFiles.push(...json.results);
+                    json.results.forEach((testResult) => {
+                        // Check if the TestResult has a 'runs' array (new format)
+                        if ("runs" in testResult && Array.isArray(testResult.runs)) {
+                            allResultsFromAllFiles.push(...testResult.runs);
+                        }
+                        else {
+                            // This is the old format (single run). We'll treat it as a single attempt.
+                            allResultsFromAllFiles.push(testResult); // Cast to any to get properties
+                        }
+                    });
                 }
             }
             catch (err) {
                 console.warn(`Pulse Reporter: Could not parse report file ${filePath}. Skipping. Error: ${err.message}`);
             }
         }
-        // De-duplicate the results from ALL merged files using the helper function
         const finalMergedResults = this._getFinalizedResults(allResultsFromAllFiles);
-        // Sum the duration from the final, de-duplicated list of tests
-        totalDuration = finalMergedResults.reduce((acc, r) => acc + (r.duration || 0), 0);
+        for (const res of finalMergedResults) {
+            if (res.startTime.getTime() < earliestStartTime)
+                earliestStartTime = res.startTime.getTime();
+            if (res.endTime.getTime() > latestEndTime)
+                latestEndTime = res.endTime.getTime();
+        }
+        const totalDuration = latestEndTime > earliestStartTime ? latestEndTime - earliestStartTime : 0;
         const combinedRun = {
             id: `merged-${Date.now()}`,
             timestamp: latestTimestamp,
             environment: lastRunEnvironment,
-            // Recalculate counts based on the truly final, de-duplicated list
             totalTests: finalMergedResults.length,
             passed: finalMergedResults.filter((r) => r.status === "passed").length,
             failed: finalMergedResults.filter((r) => r.status === "failed").length,
             skipped: finalMergedResults.filter((r) => r.status === "skipped").length,
+            flaky: finalMergedResults.filter((r) => r.status === "flaky").length,
             duration: totalDuration,
         };
         const finalReport = {
             run: combinedRun,
-            results: finalMergedResults, // Use the de-duplicated list
+            results: finalMergedResults,
             metadata: {
                 generatedAt: new Date().toISOString(),
             },

package/dist/types/index.d.ts

@@ -1,9 +1,10 @@
 import type { LucideIcon } from "lucide-react";
 export type TestStatus = "passed" | "failed" | "skipped" | "expected-failure" | "unexpected-success" | "explicitly-skipped";
+export type PulseTestStatus = TestStatus | "flaky";
 export interface TestStep {
     id: string;
     title: string;
-    status: TestStatus;
+    status: PulseTestStatus;
     duration: number;
     startTime: Date;
     endTime: Date;
@@ -18,11 +19,12 @@ export interface TestStep {
 export interface TestResult {
     id: string;
     name: string;
-    status: TestStatus;
+    status: PulseTestStatus;
     duration: number;
     startTime: Date;
     endTime: Date;
     retries: number;
+    runCounter: number;
     steps: TestStep[];
     errorMessage?: string;
     stackTrace?: string;
@@ -54,6 +56,7 @@ export interface TestRun {
     passed: number;
     failed: number;
     skipped: number;
+    flaky: number;
     duration: number;
     environment?: EnvDetails;
 }

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@arghajit/dummy",
-  "author": "Arghajit Singha",
-  "version": "0.1.1",
+  "version": "0.1.2-beta-2",
   "description": "A Playwright reporter and dashboard for visualizing test results.",
   "homepage": "https://playwright-pulse-report.netlify.app/",
   "keywords": [
@@ -51,7 +50,8 @@
     "report:merge": "node ./scripts/merge-pulse-report.js",
     "report:email": "node ./scripts/sendReport.mjs",
     "report:minify": "node ./scripts/generate-email-report.mjs",
-    "generate-trend": "node ./scripts/generate-trend.mjs"
+    "generate-trend": "node ./scripts/generate-trend.mjs",
+    "deploy": "npm publish --access -public"
   },
   "dependencies": {
     "archiver": "^7.0.1",

package/scripts/generate-static-report.mjs

@@ -1850,43 +1850,53 @@ function generateHTML(reportData, trendData = null) {
                         : ""
                     }<button class="copy-error-btn" onclick="copyErrorToClipboard(this)">Copy Error Prompt</button></div>`
                   : ""
-              }${
-                (() => {
-                  if (!step.attachments || step.attachments.length === 0) return "";
-                  return `<div class="attachments-section"><h4>Step Attachments</h4><div class="attachments-grid">${step.attachments
-                    .map((attachment) => {
-                      try {
-                        const attachmentPath = path.resolve(
-                          DEFAULT_OUTPUT_DIR,
-                          attachment.path
-                        );
-                        if (!fsExistsSync(attachmentPath)) {
-                          return `<div class="attachment-item error">Attachment not found: ${sanitizeHTML(
-                            attachment.name
-                          )}</div>`;
-                        }
-                        const attachmentBase64 = readFileSync(attachmentPath).toString("base64");
-                        const attachmentDataUri = `data:${attachment.contentType};base64,${attachmentBase64}`;
-                        return `<div class="attachment-item generic-attachment">
-                                  <div class="attachment-icon">${getAttachmentIcon(attachment.contentType)}</div>
+              }${(() => {
+                if (!step.attachments || step.attachments.length === 0)
+                  return "";
+                return `<div class="attachments-section"><h4>Step Attachments</h4><div class="attachments-grid">${step.attachments
+                  .map((attachment) => {
+                    try {
+                      const attachmentPath = path.resolve(
+                        DEFAULT_OUTPUT_DIR,
+                        attachment.path
+                      );
+                      if (!fsExistsSync(attachmentPath)) {
+                        return `<div class="attachment-item error">Attachment not found: ${sanitizeHTML(
+                          attachment.name
+                        )}</div>`;
+                      }
+                      const attachmentBase64 =
+                        readFileSync(attachmentPath).toString("base64");
+                      const attachmentDataUri = `data:${attachment.contentType};base64,${attachmentBase64}`;
+                      return `<div class="attachment-item generic-attachment">
+                                  <div class="attachment-icon">${getAttachmentIcon(
+                                    attachment.contentType
+                                  )}</div>
                                   <div class="attachment-caption">
-                                    <span class="attachment-name" title="${sanitizeHTML(attachment.name)}">${sanitizeHTML(attachment.name)}</span>
-                                    <span class="attachment-type">${sanitizeHTML(attachment.contentType)}</span>
+                                    <span class="attachment-name" title="${sanitizeHTML(
+                                      attachment.name
+                                    )}">${sanitizeHTML(attachment.name)}</span>
+                                    <span class="attachment-type">${sanitizeHTML(
+                                      attachment.contentType
+                                    )}</span>
                                   </div>
                                   <div class="attachment-info">
                                     <div class="trace-actions">
                                       <a href="#" data-href="${attachmentDataUri}" class="view-full lazy-load-attachment" target="_blank">View</a>
-                                      <a href="#" data-href="${attachmentDataUri}" class="lazy-load-attachment" download="${sanitizeHTML(attachment.name)}">Download</a>
+                                      <a href="#" data-href="${attachmentDataUri}" class="lazy-load-attachment" download="${sanitizeHTML(
+                        attachment.name
+                      )}">Download</a>
                                     </div>
                                   </div>
                                 </div>`;
-                      } catch (e) {
-                        return `<div class="attachment-item error">Failed to load attachment: ${sanitizeHTML(attachment.name)}</div>`;
-                      }
-                    })
-                    .join("")}</div></div>`;
-                })()
-              }${
+                    } catch (e) {
+                      return `<div class="attachment-item error">Failed to load attachment: ${sanitizeHTML(
+                        attachment.name
+                      )}</div>`;
+                    }
+                  })
+                  .join("")}</div></div>`;
+              })()}${
                 hasNestedSteps
                   ? `<div class="nested-steps">${generateStepsHTML(
                       step.steps,
@@ -1903,7 +1913,9 @@ function generateHTML(reportData, trendData = null) {
           test.tags || []
         )
           .join(",")
-          .toLowerCase()}" data-test-id="${sanitizeHTML(String(test.id || testIndex))}">
+          .toLowerCase()}" data-test-id="${sanitizeHTML(
+          String(test.id || testIndex)
+        )}">
                     <div class="test-case-header" role="button" aria-expanded="false"><div class="test-case-summary"><span class="status-badge ${getStatusClass(
                       test.status
                     )}">${String(
@@ -1970,7 +1982,9 @@ function generateHTML(reportData, trendData = null) {
                         ${
                           test.stderr && test.stderr.length > 0
                             ? (() => {
-                                const logId = `stderr-log-${test.id || testIndex}`;
+                                const logId = `stderr-log-${
+                                  test.id || testIndex
+                                }`;
                                 return `<div class="console-output-section"><h4>Console Output (stderr)</h4><pre id="${logId}" class="console-log stderr-log">${test.stderr
                                   .map((line) => sanitizeHTML(line))
                                   .join("\\n")}</pre></div>`;
@@ -1984,7 +1998,7 @@ function generateHTML(reportData, trendData = null) {
                             test.screenshots.length === 0
                           )
                             return "";
-                          return `<div class="attachments-section"><h4>Screenshots</h4><div class="attachments-grid">${test.screenshots
+                          return `<div class="attachments-section"><h4>Screenshots (Click to load Images)</h4><div class="attachments-grid">${test.screenshots
                             .map((screenshotPath, index) => {
                               try {
                                 const imagePath = path.resolve(
@@ -2384,7 +2398,7 @@ aspect-ratio: 16 / 9;
 @media (max-width: 992px) { .dashboard-bottom-row { grid-template-columns: 1fr; } .pie-chart-wrapper div[id^="pieChart-"] { max-width: 350px; margin: 0 auto; } .filters input { min-width: 180px; } .filters select { min-width: 150px; } }
 @media (max-width: 768px) { body { font-size: 15px; } .container { margin: 10px; padding: 20px; } .header { flex-direction: column; align-items: flex-start; gap: 15px; } .header h1 { font-size: 1.6em; } .run-info { text-align: left; font-size:0.9em; } .tabs { margin-bottom: 25px;} .tab-button { padding: 12px 20px; font-size: 1.05em;} .dashboard-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 18px;} .summary-card .value {font-size: 2em;} .summary-card h3 {font-size: 0.95em;} .filters { flex-direction: column; padding: 18px; gap: 12px;} .filters input, .filters select, .filters button {width: 100%; box-sizing: border-box;} .test-case-header { flex-direction: column; align-items: flex-start; gap: 10px; padding: 14px; } .test-case-summary {gap: 10px;} .test-case-title {font-size: 1.05em;} .test-case-meta { flex-direction: row; flex-wrap: wrap; gap: 8px; margin-top: 8px;} .attachments-grid {grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 18px;} .test-history-grid {grid-template-columns: 1fr;} .pie-chart-wrapper {min-height: auto;} .ai-failure-cards-grid { grid-template-columns: 1fr; } .ai-analyzer-stats { flex-direction: column; gap: 15px; text-align: center; } .failure-header { flex-direction: column; align-items: stretch; gap: 15px; } .failure-main-info { text-align: center; } .failure-meta { justify-content: center; } .compact-ai-btn { justify-content: center; padding: 12px 20px; } }
 @media (max-width: 480px) { body {font-size: 14px;} .container {padding: 15px;} .header h1 {font-size: 1.4em;} #report-logo { height: 35px; width: 45px; } .tab-button {padding: 10px 15px; font-size: 1em;} .summary-card .value {font-size: 1.8em;} .attachments-grid {grid-template-columns: 1fr;} .step-item {padding-left: calc(var(--depth, 0) * 18px);} .test-case-content, .step-details {padding: 15px;} .trend-charts-row {gap: 20px;} .trend-chart {padding: 20px;} .stat-item .stat-number { font-size: 1.5em; } .failure-header { padding: 15px; } .failure-error-preview, .full-error-details { padding-left: 15px; padding-right: 15px; } }
-.trace-actions a { text-decoration: none; color: var(--primary-color); font-weight: 500; font-size: 0.9em; }
+.trace-actions a { text-decoration: none; font-weight: 500; font-size: 0.9em; }
 .generic-attachment { text-align: center; padding: 1rem; justify-content: center; }
 .attachment-icon { font-size: 2.5rem; display: block; margin-bottom: 0.75rem; }
 .attachment-caption { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-grow: 1; }