blaze-performance-tester 3.0.37 → 3.0.39

package/dist/cli.js

@@ -293,6 +293,8 @@ async function runIntelligentAgenticStressTest(config) {
     const analyzer = new LogAnalyzer();
     semanticReport = analyzer.process(aggregateErrorLogs);
   }
+  const totalTestSeconds = history.length * config.durationSec;
+  const vuRampUpVelocity = history.length > 1 && totalTestSeconds > 0 ? (history[history.length - 1].threads - history[0].threads) / totalTestSeconds : config.threads / config.durationSec;
   const finalSummaryCards = {
     apdex: history[history.length - 1]?.apdex || 0,
     throughput: history[history.length - 1]?.throughput || 0,
@@ -302,7 +304,8 @@ async function runIntelligentAgenticStressTest(config) {
     tcp: mathUtils.mean(globalMetricsAccumulator.tcp),
     tls: mathUtils.mean(globalMetricsAccumulator.tls),
     stdDev: mathUtils.stdDev(globalMetricsAccumulator.latencies, mathUtils.mean(globalMetricsAccumulator.latencies)),
-    saturationKneePoint: saturationKneePoint || history[history.length - 1]?.threads || 50
+    saturationKneePoint: saturationKneePoint || history[history.length - 1]?.threads || 50,
+    vuRampUpVelocity
   };
   generateFinalAgentReport(history);
   exportHtmlDashboard(history, config, verdictReason, semanticReport, { total1xx, total2xx, total3xx, total4xx, total5xx }, finalSummaryCards, lastRawRequests);
@@ -337,7 +340,8 @@ async function runStandardStressTest(config) {
     tcp: metrics.avgTcpMs,
     tls: metrics.avgTlsMs,
     stdDev: metrics.stdDevMs,
-    saturationKneePoint: config.threads
+    saturationKneePoint: config.threads,
+    vuRampUpVelocity: config.threads / config.durationSec
   };
   const isPassed = metrics.apdexScore >= config.targetApdex && metrics.errorRate <= config.targetErrorRate;
   const verdictReason = isPassed ? "Static single-wave baseline checks concluded successfully without triggering health boundaries." : "Static verification loop completed with values exceeding defined quality thresholds.";
@@ -480,23 +484,14 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
     logClustersHtml = `
     <div class="card" style="margin-top: 2rem; background: #131c2e; border: 1px solid #1e293b;">
       <h3 style="border-bottom: none; padding-bottom: 0rem; margin-bottom: 0.25rem; display: flex; align-items: center; gap: 0.5rem; color: #ffffff; font-size: 1.2rem;">
-        \u{1F9E0} Semantic Log Clustering & Error Classification
+        \u{1F9E0} Interactive Remediation Playbooks & Log Classification
       </h3>
       <div style="color: #94a3b8; font-size: 0.9rem; margin-bottom: 1.5rem;">
-        Captured <strong style="color: #f8fafc;">${totalLogCount}</strong> raw failures grouped into <strong style="color: #f8fafc;">${uniquePatternsCount}</strong> unique structural patterns.
+        Captured <strong style="color: #f8fafc;">${totalLogCount}</strong> raw failures grouped into <strong style="color: #f8fafc;">${uniquePatternsCount}</strong> unique structural patterns. Expand a playbook to inspect automated remediation strategies.
       </div>
       
-      <table style="width: 100%; border-collapse: collapse;">
-        <thead>
-          <tr style="border-bottom: 1px solid #1e293b;">
-            <th style="width: 8%; padding: 0.75rem; text-align: left; color: #64748b; font-size: 0.85rem; font-weight: bold; text-transform: none;">Count</th>
-            <th style="width: 22%; padding: 0.75rem; text-align: left; color: #64748b; font-size: 0.85rem; font-weight: bold; text-transform: none;">Classification Category</th>
-            <th style="width: 10%; padding: 0.75rem; text-align: left; color: #64748b; font-size: 0.85rem; font-weight: bold; text-transform: none;">Severity</th>
-            <th style="width: 60%; padding: 0.75rem; text-align: left; color: #64748b; font-size: 0.85rem; font-weight: bold; text-transform: none;">Structural Abstract Blueprint / Dynamic Log Fingerprint</th>
-          </tr>
-        </thead>
-        <tbody>
-          ${semanticReport.clusters.map((c) => {
+      <div style="display: flex; flex-direction: column; gap: 1rem;">
+        ${semanticReport.clusters.map((c, idx) => {
       let catColor = "#fb923c";
       if (c.category === "Authentication_Error") catColor = "#c084fc";
       if (c.category === "Product_Error") catColor = "#f87171";
@@ -504,25 +499,46 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
       let sevBg = c.severity === "CRITICAL" ? "#dc2626" : "#ea580c";
       const rawTemplate = c.template || "";
       const cleanedTemplate = rawTemplate.replace(/\[\d{4}-\d{2}-\d{2}.*?\]\s*/, "");
+      let fixTitle = "Infrastructure Pool & Tuning Fix";
+      let fixCode = "const pool = new Pool({ max: 50, idleTimeoutMillis: 30000 });";
+      let explanation = "High concurrency is causing socket/connection starvation. Increase connection limits or enable pooling keep-alives.";
+      if (c.category === "Authentication_Error") {
+        fixTitle = "Auth Token / JWT Strategy";
+        fixCode = "// Implement token caching and silent rotation\napp.use(authMiddleware({ cacheTtl: 300, allowGracePeriod: 60 }));";
+        explanation = "Frequent token verification failures under load. Extend signature verification cache or decouple auth validation check.";
+      } else if (c.category === "Product_Error") {
+        fixTitle = "Application Null-Safety / Guard Fix";
+        fixCode = "const configId = payload?.config_id ?? defaultConfigurationId;\nif (!configId) throw new ValidationError('Missing config_id');";
+        explanation = "Runtime reference error for undefined payload field under race condition spikes. Add optional chaining and input contracts.";
+      }
+      const snippetId = `snippet-${idx}`;
       return `
-              <tr style="border-bottom: 1px solid #1e293b; vertical-align: top;">
-                <td style="padding: 1.25rem 0.75rem; font-size: 1.2rem; font-weight: bold; color: #f8fafc;">${c.count}</td>
-                <td style="padding: 1.25rem 0.75rem; color: ${catColor}; font-weight: 600; font-size: 0.95rem;">${c.category}</td>
-                <td style="padding: 1.25rem 0.75rem;">
-                  <span style="background: ${sevBg}; color: #ffffff; padding: 0.2rem 0.5rem; border-radius: 4px; font-size: 0.7rem; font-weight: bold; letter-spacing: 0.05em;">${c.severity}</span>
-                </td>
-                <td style="padding: 1.25rem 0.75rem;">
-                  <div style="background: #090d16; border-radius: 4px; padding: 0.6rem 0.8rem; border-left: 3px solid #1e293b; margin-bottom: 0.5rem;">
-                    <code style="color: #cbd5e1; font-family: monospace; font-size: 0.9rem; white-space: pre-wrap; word-break: break-all;">${cleanedTemplate}</code>
-                  </div>
-                  <div style="color: #64748b; font-size: 0.8rem; font-family: monospace; padding-left: 0.2rem; line-height: 1.4;">
-                    <span style="color: #475569;">Real Example Trace:</span> ${rawTemplate}
+            <details style="background: #090d16; border: 1px solid #1e293b; border-radius: 6px; overflow: hidden;">
+              <summary style="padding: 1rem; cursor: pointer; display: flex; align-items: center; justify-content: space-between; user-select: none;">
+                <div style="display: flex; align-items: center; gap: 1rem;">
+                  <span style="font-size: 1.1rem; font-weight: bold; color: #f8fafc; background: #131c2e; padding: 0.2rem 0.6rem; border-radius: 4px;">${c.count}x</span>
+                  <span style="color: ${catColor}; font-weight: 600; font-size: 0.95rem;">${c.category}</span>
+                  <span style="background: ${sevBg}; color: #ffffff; padding: 0.15rem 0.4rem; border-radius: 4px; font-size: 0.65rem; font-weight: bold; letter-spacing: 0.05em;">${c.severity}</span>
+                </div>
+                <div style="color: #64748b; font-size: 0.85rem; font-family: monospace;">Expand Playbook \u25BC</div>
+              </summary>
+              <div style="padding: 1.25rem; border-top: 1px solid #1e293b; background: #0f172a;">
+                <div style="margin-bottom: 1rem;">
+                  <div style="color: #64748b; font-size: 0.75rem; text-transform: uppercase; font-weight: bold; margin-bottom: 0.25rem;">Detected Log Fingerprint</div>
+                  <code style="color: #cbd5e1; font-family: monospace; font-size: 0.85rem; word-break: break-all;">${cleanedTemplate}</code>
+                </div>
+                <div style="margin-bottom: 1.25rem;">
+                  <div style="color: #38bdf8; font-size: 0.9rem; font-weight: bold; margin-bottom: 0.25rem;">\u{1F4A1} Playbook Strategy: ${fixTitle}</div>
+                  <div style="color: #94a3b8; font-size: 0.85rem; line-height: 1.4; margin-bottom: 0.75rem;">${explanation}</div>
+                  <div style="position: relative; background: #0b111e; border: 1px solid #1e293b; border-radius: 4px; padding: 0.75rem;">
+                    <button onclick="copyToClipboard('${snippetId}')" style="position: absolute; top: 0.5rem; right: 0.5rem; background: #1e293b; color: #38bdf8; border: none; padding: 0.2rem 0.5rem; border-radius: 3px; font-size: 0.7rem; cursor: pointer;">Copy Fix</button>
+                    <pre id="${snippetId}" style="margin: 0; color: #4ade80; font-family: monospace; font-size: 0.85rem; white-space: pre-wrap;">${fixCode}</pre>
                   </div>
-                </td>
-              </tr>`;
+                </div>
+              </div>
+            </details>`;
     }).join("")}
-        </tbody>
-      </table>
+      </div>
     </div>`;
   }
   const liveAdjusterHtml = `
@@ -580,7 +596,7 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
     h1 { color: #38bdf8; margin: 0; font-size: 2rem; }
     .meta { color: #94a3b8; font-size: 0.9rem; margin-top: 0.5rem; }
     
-    .cards-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.5rem; }
+    .cards-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 1.5rem; }
     .metric-card { background: #131c2e; border: 1px solid #1e293b; border-radius: 6px; padding: 1.25rem; position: relative; }
     .card-title { font-size: 0.75rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; }
     .card-value { font-size: 1.6rem; font-weight: 700; color: #ffffff; }
@@ -588,6 +604,7 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
     .card-value.green { color: #10b981; }
     .card-value.orange { color: #f97316; }
     .card-value.purple { color: #a855f7; }
+    .card-value.cyan { color: #38bdf8; }
     .card-subtext { font-size: 0.8rem; color: #10b981; font-weight: 500; margin-left: 0.4rem; display: inline-block; }
 
     .top-layout-grid { display: grid; grid-template-columns: 1fr 400px; gap: 1.5rem; margin-bottom: 2rem; }
@@ -646,6 +663,10 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
         <div class="card-title">Avg Time To First Byte</div>
         <div class="card-value">${cards.ttfb.toFixed(1)}<span class="unit">ms</span></div>
       </div>
+      <div class="metric-card">
+        <div class="card-title">VU Ramp-up Velocity</div>
+        <div class="card-value cyan">${cards.vuRampUpVelocity.toFixed(1)}<span class="unit">VUs/s</span></div>
+      </div>
       <div class="metric-card">
         <div class="card-title">DNS Lookup</div>
         <div class="card-value">${cards.dns.toFixed(2)}<span class="unit">ms</span></div>
@@ -760,6 +781,15 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
   </div>
   
   <script>
+    function copyToClipboard(containerId) {
+      const text = document.getElementById(containerId).innerText;
+      navigator.clipboard.writeText(text).then(() => {
+        alert('Copied remediation snippet to clipboard!');
+      }).catch(err => {
+        console.error('Failed to copy text: ', err);
+      });
+    }
+
     const labels = ${JSON.stringify(labels)};
     const baseThroughput = ${cards.throughput};
     const baseLatency = ${cards.ttfb};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blaze-performance-tester",
-  "version": "3.0.37",
+  "version": "3.0.39",
   "description": "A high-performance, multi-threaded load testing engine built with Rust and QuickJS.",
   "type": "module",
   "main": "dist/index.js",