@arghajit/dummy 0.1.2 → 0.3.0

package/README.md

@@ -1,6 +1,11 @@
 # Playwright Pluse Report
 
-![Playwright Pulse Report](https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images/image.png)  
+[![NPM Version](https://img.shields.io/npm/v/@arghajit/playwright-pulse-report.svg)](https://www.npmjs.com/package/@arghajit/playwright-pulse-report)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+[![NPM Downloads](https://img.shields.io/npm/dm/@arghajit/playwright-pulse-report.svg)](https://www.npmjs.com/package/@arghajit/playwright-pulse-report)
+
+![Playwright Pulse Report](https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images/pulse-report/playwright-pulse-report.png)
+
 _The ultimate Playwright reporter — Interactive dashboard with historical trend analytics, CI/CD-ready standalone HTML reports, and sharding support for scalable test execution._
 
 ## [Live Demo](https://pulse-report.netlify.app/)
@@ -16,7 +21,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                                    |
@@ -272,8 +277,7 @@ export default defineConfig({
 
 ---
 
-<img src="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images//pulse-logo.png" alt="pulse dashboard" title="pulse dashboard" height="35px" width="60px" align="left" padding="5px"/>
-<h2>Pulse Dashboard</h2>
+![pulse dashboard](https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images/pulse-report/pulse_dashboard_full_icon.png)
 
 **Real-time Playwright Test Monitoring & Analysis**  
 

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);
@@ -209,18 +197,16 @@ class PlaywrightPulseReporter {
         };
     }
     async onTestEnd(test, result) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
         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,
@@ -278,14 +261,14 @@ class PlaywrightPulseReporter {
             attachments: [],
             stdout: stdoutMessages.length > 0 ? stdoutMessages : undefined,
             stderr: stderrMessages.length > 0 ? stderrMessages : undefined,
+            annotations: ((_k = test.annotations) === null || _k === void 0 ? void 0 : _k.length) > 0 ? test.annotations : undefined,
             ...testSpecificData,
         };
         for (const [index, attachment] of result.attachments.entries()) {
             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, "_");
@@ -295,16 +278,16 @@ class PlaywrightPulseReporter {
                 await this._ensureDirExists(path.dirname(absoluteDestPath));
                 await fs.copyFile(attachment.path, absoluteDestPath);
                 if (attachment.contentType.startsWith("image/")) {
-                    (_k = pulseResult.screenshots) === null || _k === void 0 ? void 0 : _k.push(relativeDestPath);
+                    (_l = pulseResult.screenshots) === null || _l === void 0 ? void 0 : _l.push(relativeDestPath);
                 }
                 else if (attachment.contentType.startsWith("video/")) {
-                    (_l = pulseResult.videoPath) === null || _l === void 0 ? void 0 : _l.push(relativeDestPath);
+                    (_m = pulseResult.videoPath) === null || _m === void 0 ? void 0 : _m.push(relativeDestPath);
                 }
                 else if (attachment.name === "trace") {
                     pulseResult.tracePath = relativeDestPath;
                 }
                 else {
-                    (_m = pulseResult.attachments) === null || _m === void 0 ? void 0 : _m.push({
+                    (_o = pulseResult.attachments) === null || _o === void 0 ? void 0 : _o.push({
                         name: attachment.name,
                         path: relativeDestPath,
                         contentType: attachment.contentType,
@@ -320,46 +303,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 +345,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 +364,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 +415,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 +471,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 +517,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 +540,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;
@@ -48,6 +46,15 @@ export interface TestResult {
     totalWorkers?: number;
     configFile?: string;
     metadata?: string;
+    annotations?: {
+        type: string;
+        description?: string;
+        location?: {
+            file: string;
+            line: number;
+            column: number;
+        };
+    }[];
 }
 export interface TestRun {
     id: string;
@@ -56,7 +63,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.3.0",
   "description": "A Playwright reporter and dashboard for visualizing test results.",
   "homepage": "https://playwright-pulse-report.netlify.app/",
   "keywords": [
@@ -17,7 +18,8 @@
     "send-report",
     "email",
     "playwright-report",
-    "pulse"
+    "pulse",
+    "ai-failure-analysis"
   ],
   "main": "dist/reporter/index.js",
   "types": "dist/reporter/index.d.ts",
@@ -72,13 +74,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-report.mjs

@@ -1713,41 +1713,86 @@ function generateHTML(reportData, trendData = null) {
         };
 
         return `
-      <div class="test-case" data-status="${test.status
-          }" data-browser="${sanitizeHTML(browser)}" data-tags="${(test.tags || [])
-            .join(",")
-            .toLowerCase()}">
+      <div class="test-case" data-status="${
+        test.status
+      }" data-browser="${sanitizeHTML(browser)}" data-tags="${(test.tags || [])
+          .join(",")
+          .toLowerCase()}">
         <div class="test-case-header" role="button" aria-expanded="false">
           <div class="test-case-summary">
             <span class="status-badge ${getStatusClass(test.status)}">${String(
-              test.status
-            ).toUpperCase()}</span>
+          test.status
+        ).toUpperCase()}</span>
             <span class="test-case-title" title="${sanitizeHTML(
               test.name
             )}">${sanitizeHTML(testTitle)}</span>
             <span class="test-case-browser">(${sanitizeHTML(browser)})</span>
           </div>
           <div class="test-case-meta">
-            ${test.tags && test.tags.length > 0
-            ? test.tags
-              .map((t) => `<span class="tag">${sanitizeHTML(t)}</span>`)
-              .join(" ")
-            : ""
-          }
+            ${
+              test.tags && test.tags.length > 0
+                ? test.tags
+                    .map((t) => `<span class="tag">${sanitizeHTML(t)}</span>`)
+                    .join(" ")
+                : ""
+            }
             <span class="test-duration">${formatDuration(test.duration)}</span>
           </div>
         </div>
         <div class="test-case-content" style="display: none;">
           <p><strong>Full Path:</strong> ${sanitizeHTML(test.name)}</p>
+          ${
+            test.annotations && test.annotations.length > 0
+              ? `<div class="annotations-section" style="margin: 12px 0; padding: 12px; background-color: rgba(139, 92, 246, 0.1); border: 1px solid rgba(139, 92, 246, 0.3); border-left: 4px solid #8b5cf6; border-radius: 4px;">
+                  <h4 style="margin-top: 0; margin-bottom: 10px; color: #8b5cf6; font-size: 1.1em;">📌 Annotations</h4>
+                  ${test.annotations
+                    .map((annotation, idx) => {
+                      const isIssueOrBug =
+                        annotation.type === "issue" ||
+                        annotation.type === "bug";
+                      const descriptionText = annotation.description || "";
+                      const typeLabel = sanitizeHTML(annotation.type);
+                      const descriptionHtml =
+                        isIssueOrBug && descriptionText.match(/^[A-Z]+-\d+$/)
+                          ? `<a href="#" class="annotation-link" data-annotation="${sanitizeHTML(
+                              descriptionText
+                            )}" style="color: #3b82f6; text-decoration: underline; cursor: pointer;">${sanitizeHTML(
+                              descriptionText
+                            )}</a>`
+                          : sanitizeHTML(descriptionText);
+                      const locationText = annotation.location
+                        ? `<div style="font-size: 0.85em; color: #6b7280; margin-top: 4px;">Location: ${sanitizeHTML(
+                            annotation.location.file
+                          )}:${annotation.location.line}:${
+                            annotation.location.column
+                          }</div>`
+                        : "";
+                      return `<div style="margin-bottom: ${
+                        idx < test.annotations.length - 1 ? "10px" : "0"
+                      };">
+                      <strong style="color: #8b5cf6;">Type:</strong> <span style="background-color: rgba(139, 92, 246, 0.2); padding: 2px 8px; border-radius: 4px; font-size: 0.9em;">${typeLabel}</span>
+                      ${
+                        descriptionText
+                          ? `<br><strong style="color: #8b5cf6;">Description:</strong> ${descriptionHtml}`
+                          : ""
+                      }
+                      ${locationText}
+                    </div>`;
+                    })
+                    .join("")}
+                </div>`
+              : ""
+          }
           <p><strong>Test run Worker ID:</strong> ${sanitizeHTML(
             test.workerId
           )} [<strong>Total No. of Workers:</strong> ${sanitizeHTML(
-            test.totalWorkers
-          )}]</p>
-          ${test.errorMessage
-            ? `<div class="test-error-summary">${formatPlaywrightError(
-              test.errorMessage
-            )}
+          test.totalWorkers
+        )}]</p>
+          ${
+            test.errorMessage
+              ? `<div class="test-error-summary">${formatPlaywrightError(
+                  test.errorMessage
+                )}
                 <button 
                         class="copy-error-btn" 
                         onclick="copyErrorToClipboard(this)"
@@ -1768,13 +1813,14 @@ function generateHTML(reportData, trendData = null) {
                         Copy Error Prompt
                       </button>
                 </div>`
-            : ""
+              : ""
           }
-          ${test.snippet
-            ? `<div class="code-section"><h4>Error Snippet</h4><pre><code>${formatPlaywrightError(
-              test.snippet
-            )}</code></pre></div>`
-            : ""
+          ${
+            test.snippet
+              ? `<div class="code-section"><h4>Error Snippet</h4><pre><code>${formatPlaywrightError(
+                  test.snippet
+                )}</code></pre></div>`
+              : ""
           }
           <h4>Steps</h4>
           <div class="steps-list">${generateStepsHTML(test.steps)}</div>
@@ -1793,75 +1839,86 @@ function generateHTML(reportData, trendData = null) {
                           </div>
                       </div>`;
           })()}
-          ${test.stderr && test.stderr.length > 0
-            ? `<div class="console-output-section"><h4>Console Output (stderr)</h4><pre class="console-log stderr-log" style="background-color: #2d2d2d; color: indianred; padding: 1.25em; border-radius: 0.85em; line-height: 1.2;">${formatPlaywrightError(
-              test.stderr.map((line) => sanitizeHTML(line)).join("\n")
-            )}</pre></div>`
-            : ""
+          ${
+            test.stderr && test.stderr.length > 0
+              ? `<div class="console-output-section"><h4>Console Output (stderr)</h4><pre class="console-log stderr-log" style="background-color: #2d2d2d; color: indianred; padding: 1.25em; border-radius: 0.85em; line-height: 1.2;">${formatPlaywrightError(
+                  test.stderr.map((line) => sanitizeHTML(line)).join("\n")
+                )}</pre></div>`
+              : ""
           }
-          ${test.screenshots && test.screenshots.length > 0
-            ? `
+          ${
+            test.screenshots && test.screenshots.length > 0
+              ? `
             <div class="attachments-section">
                 <h4>Screenshots</h4>
                 <div class="attachments-grid">
                 ${test.screenshots
-              .map(
-                (screenshot, index) => `
+                  .map(
+                    (screenshot, index) => `
                     <div class="attachment-item">
-                    <img src="${fixPath(screenshot)}" alt="Screenshot ${index + 1}">
+                    <img src="${fixPath(screenshot)}" alt="Screenshot ${
+                      index + 1
+                    }">
                     <div class="attachment-info">
                         <div class="trace-actions">
-                        <a href="${fixPath(screenshot)}" target="_blank" class="view-full">View Full Image</a>
-                        <a href="${fixPath(screenshot)}" target="_blank" download="screenshot-${Date.now()}-${index}.png">Download</a>
+                        <a href="${fixPath(
+                          screenshot
+                        )}" target="_blank" class="view-full">View Full Image</a>
+                        <a href="${fixPath(
+                          screenshot
+                        )}" target="_blank" download="screenshot-${Date.now()}-${index}.png">Download</a>
                         </div>
                     </div>
                     </div>
                 `
-              )
-              .join("")}
+                  )
+                  .join("")}
                 </div>
             </div>
             `
-            : ""
+              : ""
           }
-          ${test.videoPath && test.videoPath.length > 0
-            ? `<div class="attachments-section"><h4>Videos</h4><div class="attachments-grid">${test.videoPath
-              .map((videoUrl, index) => {
-                const fixedVideoUrl = fixPath(videoUrl);
-                const fileExtension = String(fixedVideoUrl)
-                  .split(".")
-                  .pop()
-                  .toLowerCase();
-                const mimeType =
-                  {
-                    mp4: "video/mp4",
-                    webm: "video/webm",
-                    ogg: "video/ogg",
-                    mov: "video/quicktime",
-                    avi: "video/x-msvideo",
-                  }[fileExtension] || "video/mp4";
-                return `<div class="attachment-item video-item">
-                            <video controls width="100%" height="auto" title="Video ${index + 1
-                  }">
+          ${
+            test.videoPath && test.videoPath.length > 0
+              ? `<div class="attachments-section"><h4>Videos</h4><div class="attachments-grid">${test.videoPath
+                  .map((videoUrl, index) => {
+                    const fixedVideoUrl = fixPath(videoUrl);
+                    const fileExtension = String(fixedVideoUrl)
+                      .split(".")
+                      .pop()
+                      .toLowerCase();
+                    const mimeType =
+                      {
+                        mp4: "video/mp4",
+                        webm: "video/webm",
+                        ogg: "video/ogg",
+                        mov: "video/quicktime",
+                        avi: "video/x-msvideo",
+                      }[fileExtension] || "video/mp4";
+                    return `<div class="attachment-item video-item">
+                            <video controls width="100%" height="auto" title="Video ${
+                              index + 1
+                            }">
                                 <source src="${sanitizeHTML(
-                    fixedVideoUrl
-                  )}" type="${mimeType}">
+                                  fixedVideoUrl
+                                )}" type="${mimeType}">
                                 Your browser does not support the video tag.
                             </video>
                             <div class="attachment-info">
                                 <div class="trace-actions">
                                 <a href="${sanitizeHTML(
-                    fixedVideoUrl
-                  )}" target="_blank" download="video-${Date.now()}-${index}.${fileExtension}">Download</a>
+                                  fixedVideoUrl
+                                )}" target="_blank" download="video-${Date.now()}-${index}.${fileExtension}">Download</a>
                                 </div>
                             </div>
                         </div>`;
-              })
-              .join("")}</div></div>`
-            : ""
+                  })
+                  .join("")}</div></div>`
+              : ""
           }
-          ${test.tracePath
-            ? `
+          ${
+            test.tracePath
+              ? `
             <div class="attachments-section">
                 <h4>Trace Files</h4>
                 <div class="attachments-grid">
@@ -1869,70 +1926,72 @@ function generateHTML(reportData, trendData = null) {
                         <div class="trace-preview">
                         <span class="trace-icon">📄</span>
                         <span class="trace-name">${sanitizeHTML(
-              path.basename(test.tracePath)
-            )}</span>
+                          path.basename(test.tracePath)
+                        )}</span>
                         </div>
                         <div class="attachment-info">
                         <div class="trace-actions">
                             <a href="${sanitizeHTML(
-              fixPath(test.tracePath)
-            )}" target="_blank" download="${sanitizeHTML(
-              path.basename(test.tracePath)
-            )}" class="download-trace">Download Trace</a>
+                              fixPath(test.tracePath)
+                            )}" target="_blank" download="${sanitizeHTML(
+                  path.basename(test.tracePath)
+                )}" class="download-trace">Download Trace</a>
                         </div>
                         </div>
                     </div>
                 </div>
             </div>
             `
-            : ""
+              : ""
           }
-          ${test.attachments && test.attachments.length > 0
-            ? `
+          ${
+            test.attachments && test.attachments.length > 0
+              ? `
             <div class="attachments-section">
                 <h4>Other Attachments</h4>
                 <div class="attachments-grid">
                 ${test.attachments
-              .map(
-                (attachment) => `
+                  .map(
+                    (attachment) => `
                     <div class="attachment-item generic-attachment">
                         <div class="attachment-icon">${getAttachmentIcon(
-                  attachment.contentType
-                )}</div>
+                          attachment.contentType
+                        )}</div>
                         <div class="attachment-caption">
                         <span class="attachment-name" title="${sanitizeHTML(
-                  attachment.name
-                )}">${sanitizeHTML(attachment.name)}</span>
+                          attachment.name
+                        )}">${sanitizeHTML(attachment.name)}</span>
                         <span class="attachment-type">${sanitizeHTML(
-                  attachment.contentType
-                )}</span>
+                          attachment.contentType
+                        )}</span>
                         </div>
                         <div class="attachment-info">
                         <div class="trace-actions">
                         <a href="${sanitizeHTML(
-                  fixPath(attachment.path)
-                )}" target="_blank" class="view-full">View</a>
+                          fixPath(attachment.path)
+                        )}" target="_blank" class="view-full">View</a>
                             <a href="${sanitizeHTML(
-                  fixPath(attachment.path)
-                )}" target="_blank" download="${sanitizeHTML(
-                  attachment.name
-                )}" class="download-trace">Download</a>
+                              fixPath(attachment.path)
+                            )}" target="_blank" download="${sanitizeHTML(
+                      attachment.name
+                    )}" class="download-trace">Download</a>
                         </div>
                         </div>
                     </div>
                 `
-              )
-              .join("")}
+                  )
+                  .join("")}
                 </div>
             </div>
             `
-            : ""
+              : ""
           }
-          ${test.codeSnippet
-            ? `<div class="code-section"><h4>Code Snippet</h4><pre><code>${formatPlaywrightError(
-              sanitizeHTML(test.codeSnippet)
-            )}</code></pre></div>`
-            : ""
+          ${
+            test.codeSnippet
+              ? `<div class="code-section"><h4>Code Snippet</h4><pre><code>${formatPlaywrightError(
+                  sanitizeHTML(test.codeSnippet)
+                )}</code></pre></div>`
+              : ""
           }
         </div>
       </div>`;
@@ -2345,8 +2404,8 @@ function generateHTML(reportData, trendData = null) {
                 <h1>Playwright Pulse Report</h1>
             </div>
             <div class="run-info"><strong>Run Date:</strong> ${formatDate(
-    runSummary.timestamp
-  )}<br><strong>Total Duration:</strong> ${formatDuration(
+              runSummary.timestamp
+            )}<br><strong>Total Duration:</strong> ${formatDuration(
     runSummary.duration
   )}</div>
         </header>
@@ -2358,35 +2417,40 @@ function generateHTML(reportData, trendData = null) {
         </div>
         <div id="dashboard" class="tab-content active">
             <div class="dashboard-grid">
-                <div class="summary-card"><h3>Total Tests</h3><div class="value">${runSummary.totalTests
-    }</div></div>
-                <div class="summary-card status-passed"><h3>Passed</h3><div class="value">${runSummary.passed
-    }</div><div class="trend-percentage">${passPercentage}%</div></div>
-                <div class="summary-card status-failed"><h3>Failed</h3><div class="value">${runSummary.failed
-    }</div><div class="trend-percentage">${failPercentage}%</div></div>
-                <div class="summary-card status-skipped"><h3>Skipped</h3><div class="value">${runSummary.skipped || 0
-    }</div><div class="trend-percentage">${skipPercentage}%</div></div>
+                <div class="summary-card"><h3>Total Tests</h3><div class="value">${
+                  runSummary.totalTests
+                }</div></div>
+                <div class="summary-card status-passed"><h3>Passed</h3><div class="value">${
+                  runSummary.passed
+                }</div><div class="trend-percentage">${passPercentage}%</div></div>
+                <div class="summary-card status-failed"><h3>Failed</h3><div class="value">${
+                  runSummary.failed
+                }</div><div class="trend-percentage">${failPercentage}%</div></div>
+                <div class="summary-card status-skipped"><h3>Skipped</h3><div class="value">${
+                  runSummary.skipped || 0
+                }</div><div class="trend-percentage">${skipPercentage}%</div></div>
                 <div class="summary-card"><h3>Avg. Test Time</h3><div class="value">${avgTestDuration}</div></div>
                 <div class="summary-card"><h3>Run Duration</h3><div class="value">${formatDuration(
-      runSummary.duration
-    )}</div></div>
+                  runSummary.duration
+                )}</div></div>
             </div>
             <div class="dashboard-bottom-row">
               <div style="display: grid; gap: 20px">
                 ${generatePieChart(
-      [
-        { label: "Passed", value: runSummary.passed },
-        { label: "Failed", value: runSummary.failed },
-        { label: "Skipped", value: runSummary.skipped || 0 },
-      ],
-      400,
-      390
-    )} 
-                ${runSummary.environment &&
-      Object.keys(runSummary.environment).length > 0
-      ? generateEnvironmentDashboard(runSummary.environment)
-      : '<div class="no-data">Environment data not available.</div>'
-    }
+                  [
+                    { label: "Passed", value: runSummary.passed },
+                    { label: "Failed", value: runSummary.failed },
+                    { label: "Skipped", value: runSummary.skipped || 0 },
+                  ],
+                  400,
+                  390
+                )} 
+                ${
+                  runSummary.environment &&
+                  Object.keys(runSummary.environment).length > 0
+                    ? generateEnvironmentDashboard(runSummary.environment)
+                    : '<div class="no-data">Environment data not available.</div>'
+                }
               </div> 
                 ${generateSuitesWidget(suitesData)}
             </div>
@@ -2396,17 +2460,17 @@ function generateHTML(reportData, trendData = null) {
                 <input type="text" id="filter-name" placeholder="Filter by test name/path..." style="border-color: black; border-style: outset;">
                 <select id="filter-status"><option value="">All Statuses</option><option value="passed">Passed</option><option value="failed">Failed</option><option value="skipped">Skipped</option></select>
                 <select id="filter-browser"><option value="">All Browsers</option>${Array.from(
-      new Set(
-        (results || []).map((test) => test.browser || "unknown")
-      )
-    )
-      .map(
-        (browser) =>
-          `<option value="${sanitizeHTML(browser)}">${sanitizeHTML(
-            browser
-          )}</option>`
-      )
-      .join("")}</select>
+                  new Set(
+                    (results || []).map((test) => test.browser || "unknown")
+                  )
+                )
+                  .map(
+                    (browser) =>
+                      `<option value="${sanitizeHTML(browser)}">${sanitizeHTML(
+                        browser
+                      )}</option>`
+                  )
+                  .join("")}</select>
                 <button id="expand-all-tests">Expand All</button> <button id="collapse-all-tests">Collapse All</button> <button id="clear-run-summary-filters" class="clear-filters-btn">Clear Filters</button>
             </div>
             <div class="test-cases-list">${generateTestCasesHTML()}</div>
@@ -2415,16 +2479,18 @@ function generateHTML(reportData, trendData = null) {
           <h2 class="tab-main-title">Execution Trends</h2>
           <div class="trend-charts-row">
             <div class="trend-chart"><h3 class="chart-title-header">Test Volume & Outcome Trends</h3>
-              ${trendData && trendData.overall && trendData.overall.length > 0
-      ? generateTestTrendsChart(trendData)
-      : '<div class="no-data">Overall trend data not available for test counts.</div>'
-    }
+              ${
+                trendData && trendData.overall && trendData.overall.length > 0
+                  ? generateTestTrendsChart(trendData)
+                  : '<div class="no-data">Overall trend data not available for test counts.</div>'
+              }
             </div>
             <div class="trend-chart"><h3 class="chart-title-header">Execution Duration Trends</h3>
-              ${trendData && trendData.overall && trendData.overall.length > 0
-      ? generateDurationTrendChart(trendData)
-      : '<div class="no-data">Overall trend data not available for durations.</div>'
-    }
+              ${
+                trendData && trendData.overall && trendData.overall.length > 0
+                  ? generateDurationTrendChart(trendData)
+                  : '<div class="no-data">Overall trend data not available for durations.</div>'
+              }
             </div>
           </div>
           <h2 class="tab-main-title">Test Distribution by Worker ${infoTooltip}</h2>
@@ -2434,12 +2500,13 @@ function generateHTML(reportData, trendData = null) {
              </div>
           </div>
           <h2 class="tab-main-title">Individual Test History</h2>
-          ${trendData &&
-      trendData.testRuns &&
-      Object.keys(trendData.testRuns).length > 0
-      ? generateTestHistoryContent(trendData)
-      : '<div class="no-data">Individual test history data not available.</div>'
-    }
+          ${
+            trendData &&
+            trendData.testRuns &&
+            Object.keys(trendData.testRuns).length > 0
+              ? generateTestHistoryContent(trendData)
+              : '<div class="no-data">Individual test history data not available.</div>'
+          }
         </div>
         <div id="ai-failure-analyzer" class="tab-content">
             ${generateAIFailureAnalyzerTab(results)}
@@ -2702,6 +2769,19 @@ function getAIFix(button) {
         }
         if (expandAllBtn) expandAllBtn.addEventListener('click', () => setAllTestRunDetailsVisibility('block', 'true'));
         if (collapseAllBtn) collapseAllBtn.addEventListener('click', () => setAllTestRunDetailsVisibility('none', 'false'));
+        // --- Annotation Link Handler ---
+        document.querySelectorAll('a.annotation-link').forEach(link => {
+            link.addEventListener('click', (e) => {
+                e.preventDefault();
+                const annotationId = link.dataset.annotation;
+                if (annotationId) {
+                    const jiraUrl = prompt('Enter your JIRA/Ticket system base URL (e.g., https://your-company.atlassian.net/browse/):', 'https://your-company.atlassian.net/browse/');
+                    if (jiraUrl) {
+                        window.open(jiraUrl + annotationId, '_blank');
+                    }
+                }
+            });
+        });
         // --- Intersection Observer for Lazy Loading ---
         const lazyLoadElements = document.querySelectorAll('.lazy-load-chart');
         if ('IntersectionObserver' in window) {

package/scripts/generate-static-report.mjs

@@ -1939,18 +1939,66 @@ function generateHTML(reportData, trendData = null) {
                         <p><strong>Full Path:</strong> ${sanitizeHTML(
                           test.name
                         )}</p>
+                        ${
+                          test.annotations && test.annotations.length > 0
+                            ? `<div class="annotations-section" style="margin: 12px 0; padding: 12px; background-color: rgba(139, 92, 246, 0.1); border: 1px solid rgba(139, 92, 246, 0.3); border-left: 4px solid #8b5cf6; border-radius: 4px;">
+                                <h4 style="margin-top: 0; margin-bottom: 10px; color: #8b5cf6; font-size: 1.1em;">📌 Annotations</h4>
+                                ${test.annotations
+                                  .map((annotation, idx) => {
+                                    const isIssueOrBug =
+                                      annotation.type === "issue" ||
+                                      annotation.type === "bug";
+                                    const descriptionText =
+                                      annotation.description || "";
+                                    const typeLabel = sanitizeHTML(
+                                      annotation.type
+                                    );
+                                    const descriptionHtml =
+                                      isIssueOrBug &&
+                                      descriptionText.match(/^[A-Z]+-\d+$/)
+                                        ? `<a href="#" class="annotation-link" data-annotation="${sanitizeHTML(
+                                            descriptionText
+                                          )}" style="color: #3b82f6; text-decoration: underline; cursor: pointer;">${sanitizeHTML(
+                                            descriptionText
+                                          )}</a>`
+                                        : sanitizeHTML(descriptionText);
+                                    const locationText = annotation.location
+                                      ? `<div style="font-size: 0.85em; color: #6b7280; margin-top: 4px;">Location: ${sanitizeHTML(
+                                          annotation.location.file
+                                        )}:${annotation.location.line}:${
+                                          annotation.location.column
+                                        }</div>`
+                                      : "";
+                                    return `<div style="margin-bottom: ${
+                                      idx < test.annotations.length - 1
+                                        ? "10px"
+                                        : "0"
+                                    };">
+                                    <strong style="color: #8b5cf6;">Type:</strong> <span style="background-color: rgba(139, 92, 246, 0.2); padding: 2px 8px; border-radius: 4px; font-size: 0.9em;">${typeLabel}</span>
+                                    ${
+                                      descriptionText
+                                        ? `<br><strong style="color: #8b5cf6;">Description:</strong> ${descriptionHtml}`
+                                        : ""
+                                    }
+                                    ${locationText}
+                                  </div>`;
+                                  })
+                                  .join("")}
+                              </div>`
+                            : ""
+                        }
                         <p><strong>Test run Worker ID:</strong> ${sanitizeHTML(
                           test.workerId
                         )} [<strong>Total No. of Workers:</strong> ${sanitizeHTML(
           test.totalWorkers
         )}]</p>
-                        ${
-                          test.errorMessage
-                            ? `<div class="test-error-summary">${formatPlaywrightError(
-                                test.errorMessage
-                              )}<button class="copy-error-btn" onclick="copyErrorToClipboard(this)">Copy Error Prompt</button></div>`
-                            : ""
-                        }
+                            ${
+                              test.errorMessage
+                                ? `<div class="test-error-summary">${formatPlaywrightError(
+                                    test.errorMessage
+                                  )}<button class="copy-error-btn" onclick="copyErrorToClipboard(this)">Copy Error Prompt</button></div>`
+                                : ""
+                            }
                         ${
                           test.snippet
                             ? `<div class="code-section"><h4>Error Snippet</h4><pre><code>${formatPlaywrightError(
@@ -1998,7 +2046,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(
@@ -2840,6 +2888,18 @@ aspect-ratio: 16 / 9;
                 }
                 return;
             }
+            const annotationLink = e.target.closest('a.annotation-link');
+            if (annotationLink) {
+                e.preventDefault();
+                const annotationId = annotationLink.dataset.annotation;
+                if (annotationId) {
+                    const jiraUrl = prompt('Enter your JIRA/Ticket system base URL (e.g., https://your-company.atlassian.net/browse/):', 'https://your-company.atlassian.net/browse/');
+                    if (jiraUrl) {
+                        window.open(jiraUrl + annotationId, '_blank');
+                    }
+                }
+                return;
+            }
             const img = e.target.closest('img.lazy-load-image');
             if (img && img.dataset && img.dataset.src) {
                 if (e.preventDefault) e.preventDefault();
@@ -2870,9 +2930,45 @@ aspect-ratio: 16 / 9;
             const a = e.target.closest('a.lazy-load-attachment');
             if (a && a.dataset && a.dataset.href) {
                 e.preventDefault();
-                a.href = a.dataset.href;
-                a.removeAttribute('data-href');
-                a.click();
+                
+                // Special handling for view-full links to avoid about:blank issue
+                if (a.classList.contains('view-full')) {
+                    // Extract the data from the data URI
+                    const dataUri = a.dataset.href;
+                    const [header, base64Data] = dataUri.split(',');
+                    const mimeType = header.match(/data:([^;]+)/)[1];
+                    
+                    try {
+                        // Convert base64 to blob
+                        const byteCharacters = atob(base64Data);
+                        const byteNumbers = new Array(byteCharacters.length);
+                        for (let i = 0; i < byteCharacters.length; i++) {
+                            byteNumbers[i] = byteCharacters.charCodeAt(i);
+                        }
+                        const byteArray = new Uint8Array(byteNumbers);
+                        const blob = new Blob([byteArray], { type: mimeType });
+                        
+                        // Create a URL and open it
+                        const blobUrl = URL.createObjectURL(blob);
+                        const newWindow = window.open(blobUrl, '_blank');
+                        
+                        // Clean up the URL after a delay
+                        setTimeout(() => {
+                            URL.revokeObjectURL(blobUrl);
+                        }, 1000);
+                    } catch (error) {
+                        console.error('Failed to open attachment:', error);
+                        // Fallback to original method
+                        a.href = a.dataset.href;
+                        a.removeAttribute('data-href');
+                        a.click();
+                    }
+                } else {
+                    // For download links, use the original method
+                    a.href = a.dataset.href;
+                    a.removeAttribute('data-href');
+                    a.click();
+                }
                 return;
             }
         });

package/scripts/sendReport.mjs

@@ -289,7 +289,7 @@ const sendEmail = async (credentials) => {
   }
 };
 
-async function fetchCredentials(retries = 6) {
+async function fetchCredentials(retries = 10) {
   // Ensure fetch is initialized from the dynamic import before calling this
   if (!fetch) {
     try {
@@ -324,7 +324,7 @@ async function fetchCredentials(retries = 6) {
       });
 
       const fetchPromise = fetch(
-        "https://test-dashboard-66zd.onrender.com/api/getcredentials",
+        "https://get-credentials.netlify.app/api/getcredentials",
         {
           method: "GET",
           headers: {