@arghajit/dummy 0.1.2 → 0.1.3

package/README.md

@@ -16,7 +16,7 @@ The project provides these utility commands:
 | Command                | Description                                                                 |
 |------------------------|-----------------------------------------------------------------------------|
 | `generate-report`      | Generates playwright-pulse-report.html, Loads screenshots and images dynamically from the attachments/ directory, Produces a lighter HTML file with faster initial load, Requires attachments/ directory to be present when viewing the report                                    |
-| `generate-pulse-report`| Generates `playwright-pulse-static-report.html`, Self-contained, no server required, Preserves all dashboard functionality, all the attachments are embadded in the report, no need to have attachments/ directory when viewing the report                                             |
+| `generate-pulse-report`| Generates `playwright-pulse-static-report.html`, Self-contained, no server required, Preserves all dashboard functionality, all the attachments are embadded in the report, no need to have attachments/ directory when viewing the report, with a dark theme and better initial load handling                                            |
 | `merge-pulse-report`   | Combines multiple parallel test json reports, basically used in sharding                                     |
 | `generate-trend`       | Analyzes historical trends in test results                                  |
 | `generate-email-report`| Generates email-friendly report versions                                    |

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

@@ -12,7 +12,6 @@ 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;
@@ -21,7 +20,6 @@ export declare class PlaywrightPulseReporter implements Reporter {
     private processStep;
     onTestEnd(test: TestCase, result: PwTestResult): Promise<void>;
     private _getFinalizedResults;
-    private _getStatusOrder;
     onError(error: any): void;
     private _getEnvDetails;
     private _writeShardResults;

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

@@ -39,20 +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, retryCount = 0) => {
+const convertStatus = (status, testCase) => {
     if ((testCase === null || testCase === void 0 ? void 0 : testCase.expectedStatus) === "failed") {
-        // If expected to fail but passed, it's flaky
-        if (status === "passed")
-            return "flaky";
         return "failed";
     }
     if ((testCase === null || testCase === void 0 ? void 0 : testCase.expectedStatus) === "skipped") {
         return "skipped";
     }
-    // If a test passes on a retry, it's considered flaky
-    if (status === "passed" && retryCount > 0) {
-        return "flaky";
-    }
     switch (status) {
         case "passed":
             return "passed";
@@ -75,7 +68,6 @@ class PlaywrightPulseReporter {
         this.baseOutputFile = "playwright-pulse-report.json";
         this.isSharded = false;
         this.shardIndex = undefined;
-        this.currentRunId = ""; // Added to store the overall run ID
         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";
@@ -90,8 +82,6 @@ class PlaywrightPulseReporter {
         this.config = config;
         this.suite = suite;
         this.runStartTime = Date.now();
-        // Generate the overall runId once at the beginning
-        this.currentRunId = `run-${this.runStartTime}-${(0, crypto_1.randomUUID)()}`;
         const configDir = this.config.rootDir;
         const configFileDir = this.config.configFile
             ? path.dirname(this.config.configFile)
@@ -117,7 +107,7 @@ class PlaywrightPulseReporter {
             .catch((err) => console.error("Pulse Reporter: Error during initialization:", err));
     }
     onTestBegin(test) {
-        // console.log(`Starting test: ${test.title}`); // Removed for brevity in final output
+        console.log(`Starting test: ${test.title}`);
     }
     getBrowserDetails(test) {
         var _a, _b, _c, _d;
@@ -169,8 +159,7 @@ class PlaywrightPulseReporter {
         }
         return finalString.trim();
     }
-    async processStep(step, testId, browserDetails, testCase, retryCount = 0 // Pass retryCount to convertStatus for steps
-    ) {
+    async processStep(step, testId, browserDetails, testCase) {
         var _a, _b, _c, _d;
         let stepStatus = "passed";
         let errorMessage = ((_a = step.error) === null || _a === void 0 ? void 0 : _a.message) || undefined;
@@ -178,8 +167,7 @@ class PlaywrightPulseReporter {
             stepStatus = "skipped";
         }
         else {
-            // Use the extended convertStatus
-            stepStatus = convertStatus(step.error ? "failed" : "passed", testCase, retryCount);
+            stepStatus = convertStatus(step.error ? "failed" : "passed", testCase);
         }
         const duration = step.duration;
         const startTime = new Date(step.startTime);
@@ -212,15 +200,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);
-        // Use the extended convertStatus, passing result.retry
-        const testStatus = convertStatus(result.status, test, result.retry);
+        const testStatus = convertStatus(result.status, test);
         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, result.retry // Pass retryCount to processStep
-                );
+                const processedStep = await this.processStep(step, test.id, browserDetails, test);
                 processed.push(processedStep);
                 if (step.steps && step.steps.length > 0) {
                     processedStep.steps = await processAllSteps(step.steps);
@@ -252,11 +238,9 @@ class PlaywrightPulseReporter {
                 ? JSON.stringify(this.config.metadata)
                 : undefined,
         };
-        // Modify test.id for retries
-        const testIdWithRunCounter = result.retry > 0 ? `${test.id}-${result.retry}` : test.id;
         const pulseResult = {
-            id: testIdWithRunCounter, // Use the modified ID
-            runId: this.currentRunId, // Assign the overall run ID
+            id: test.id,
+            runId: "TBD",
             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,
@@ -264,8 +248,7 @@ class PlaywrightPulseReporter {
             startTime: startTime,
             endTime: endTime,
             browser: browserDetails,
-            retries: result.retry, // This remains the Playwright retry count (0 for first run, 1 for first retry, etc.)
-            runCounter: result.retry, // This is your 'runCounter'
+            retries: 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,
@@ -284,8 +267,7 @@ class PlaywrightPulseReporter {
             if (!attachment.path)
                 continue;
             try {
-                // Use the new testIdWithRunCounter for the subfolder
-                const testSubfolder = testIdWithRunCounter.replace(/[^a-zA-Z0-9_-]/g, "_");
+                const testSubfolder = test.id.replace(/[^a-zA-Z0-9_-]/g, "_");
                 const safeAttachmentName = path
                     .basename(attachment.path)
                     .replace(/[^a-zA-Z0-9_.-]/g, "_");
@@ -320,46 +302,14 @@ class PlaywrightPulseReporter {
     _getFinalizedResults(allResults) {
         const finalResultsMap = new Map();
         for (const result of allResults) {
-            // The key for de-duplication should now be the base test ID (without the run counter suffix)
-            // This ensures that all runs of a single logical test are considered together.
-            const baseTestId = result.id.split("-").slice(0, -1).join("-"); // Remove '-${runCounter}'
-            const existing = finalResultsMap.get(baseTestId);
-            // We want to keep the "most successful" run for the final report.
-            // Priority: passed > flaky > failed > skipped.
-            // If statuses are equal, prefer the one with higher retry count (latest attempt).
-            if (!existing) {
-                finalResultsMap.set(baseTestId, result);
-            }
-            else {
-                const currentStatusOrder = this._getStatusOrder(result.status);
-                const existingStatusOrder = this._getStatusOrder(existing.status);
-                if (currentStatusOrder < existingStatusOrder) {
-                    // Current result is "better" (e.g., passed over failed)
-                    finalResultsMap.set(baseTestId, result);
-                }
-                else if (currentStatusOrder === existingStatusOrder &&
-                    result.retries > existing.retries) {
-                    // Same status, but current is a later retry, so prefer it
-                    finalResultsMap.set(baseTestId, result);
-                }
+            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);
             }
         }
         return Array.from(finalResultsMap.values());
     }
-    _getStatusOrder(status) {
-        switch (status) {
-            case "passed":
-                return 1;
-            case "flaky":
-                return 2;
-            case "failed":
-                return 3;
-            case "skipped":
-                return 4;
-            default:
-                return 99; // Unknown status
-        }
-    }
     onError(error) {
         var _a;
         console.error(`PlaywrightPulseReporter: Error encountered (Shard: ${(_a = this.shardIndex) !== null && _a !== void 0 ? _a : "Main"}):`, (error === null || error === void 0 ? void 0 : error.message) || error);
@@ -394,14 +344,15 @@ class PlaywrightPulseReporter {
         }
     }
     async _mergeShardResults(finalRunData) {
-        let allShardRawResults = []; // Store raw results before final de-duplication
+        let allShardProcessedResults = [];
         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);
-                allShardRawResults = allShardRawResults.concat(shardResults);
+                allShardProcessedResults =
+                    allShardProcessedResults.concat(shardResults);
             }
             catch (error) {
                 if ((error === null || error === void 0 ? void 0 : error.code) === "ENOENT") {
@@ -412,14 +363,11 @@ class PlaywrightPulseReporter {
                 }
             }
         }
-        // Apply _getFinalizedResults after all raw shard results are collected
-        const finalResultsList = this._getFinalizedResults(allShardRawResults);
+        const finalResultsList = this._getFinalizedResults(allShardProcessedResults);
         finalResultsList.forEach((r) => (r.runId = finalRunData.id));
         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;
-        // Add flaky count
-        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$/;
@@ -466,36 +414,34 @@ class PlaywrightPulseReporter {
             await this._writeShardResults();
             return;
         }
-        // `this.results` now contains all individual run attempts.
-        // _getFinalizedResults will select the "best" run for each logical test.
+        // 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;
-        // Use the stored overall runId
-        const runId = this.currentRunId;
+        const runId = `run-${this.runStartTime}-581d5ad8-ce75-4ca5-94a6-ed29c466c815`;
         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, // Add flaky count
             duration,
             environment: environmentDetails,
         };
-        // Ensure all final results have the correct overall runId
         finalResults.forEach((r) => (r.runId = runId));
         let finalReport = undefined;
         if (this.isSharded) {
-            // _mergeShardResults will now perform the final de-duplication across shards
+            // The _mergeShardResults method will handle its own de-duplication
             finalReport = await this._mergeShardResults(runData);
         }
         else {
             finalReport = {
                 run: runData,
-                results: finalResults, // Use the de-duplicated results for a non-sharded run
+                // Use the de-duplicated results
+                results: finalResults,
                 metadata: { generatedAt: new Date().toISOString() },
             };
         }
@@ -524,6 +470,7 @@ 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 {
@@ -569,10 +516,7 @@ class PlaywrightPulseReporter {
         const allResultsFromAllFiles = [];
         let latestTimestamp = new Date(0);
         let lastRunEnvironment = undefined;
-        // We can't simply sum durations across merged files, as the tests might overlap.
-        // The final duration will be derived from the range of start/end times in the final results.
-        let earliestStartTime = Date.now();
-        let latestEndTime = 0;
+        let totalDuration = 0;
         for (const file of reportFiles) {
             const filePath = path.join(pulseResultsDir, file);
             try {
@@ -595,28 +539,22 @@ class PlaywrightPulseReporter {
         }
         // De-duplicate the results from ALL merged files using the helper function
         const finalMergedResults = this._getFinalizedResults(allResultsFromAllFiles);
-        // Calculate overall duration from the earliest start and latest end of the final merged results
-        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;
+        // Sum the duration from the final, de-duplicated list of tests
+        totalDuration = finalMergedResults.reduce((acc, r) => acc + (r.duration || 0), 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, // Add flaky count
             duration: totalDuration,
         };
         const finalReport = {
             run: combinedRun,
-            results: finalMergedResults,
+            results: finalMergedResults, // Use the de-duplicated list
             metadata: {
                 generatedAt: new Date().toISOString(),
             },

package/dist/types/index.d.ts

@@ -1,10 +1,9 @@
 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: PulseTestStatus;
+    status: TestStatus;
     duration: number;
     startTime: Date;
     endTime: Date;
@@ -19,12 +18,11 @@ export interface TestStep {
 export interface TestResult {
     id: string;
     name: string;
-    status: PulseTestStatus;
+    status: TestStatus;
     duration: number;
     startTime: Date;
     endTime: Date;
     retries: number;
-    runCounter: number;
     steps: TestStep[];
     errorMessage?: string;
     stackTrace?: string;
@@ -56,7 +54,6 @@ export interface TestRun {
     passed: number;
     failed: number;
     skipped: number;
-    flaky: number;
     duration: number;
     environment?: EnvDetails;
 }

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@arghajit/dummy",
-  "version": "0.1.2",
+  "author": "Arghajit Singha",
+  "version": "0.1.3",
   "description": "A Playwright reporter and dashboard for visualizing test results.",
   "homepage": "https://playwright-pulse-report.netlify.app/",
   "keywords": [
@@ -72,13 +73,16 @@
   "devDependencies": {
     "@types/node": "^20",
     "@types/ua-parser-js": "^0.7.39",
-    "eslint": "9.25.1",
+    "eslint": "^9.39.1",
     "typescript": "^5"
   },
   "engines": {
-    "node": ">=16"
+    "node": ">=18"
   },
   "peerDependencies": {
     "@playwright/test": ">=1.40.0"
+  },
+  "overrides": {
+    "glob": "^13.0.0"
   }
 }

package/scripts/generate-static-report.mjs

@@ -1850,53 +1850,43 @@ 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,
@@ -1913,9 +1903,7 @@ 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(
@@ -1982,9 +1970,7 @@ 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>`;
@@ -1998,7 +1984,7 @@ function generateHTML(reportData, trendData = null) {
                             test.screenshots.length === 0
                           )
                             return "";
-                          return `<div class="attachments-section"><h4>Screenshots (Click to load Images)</h4><div class="attachments-grid">${test.screenshots
+                          return `<div class="attachments-section"><h4>Screenshots</h4><div class="attachments-grid">${test.screenshots
                             .map((screenshotPath, index) => {
                               try {
                                 const imagePath = path.resolve(
@@ -2398,7 +2384,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; font-weight: 500; font-size: 0.9em; }
+.trace-actions a { text-decoration: none; color: var(--primary-color); 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; }