blaze-performance-tester 3.0.19 → 3.0.21

package/dist/cli.js

@@ -172,13 +172,10 @@ async function runBlazeCoreEngine(config) {
 }
 async function runIntelligentAgenticStressTest(config) {
   console.log("\u{1F680} Initializing Intelligent Autonomous Load Agent...");
-  console.log(`\u{1F3AF} Target Constraints: Apdex >= ${config.targetApdex} | Error Rate <= ${(config.targetErrorRate * 100).toFixed(1)}% | SLA Target <= ${config.maxAllowedLatencyMs}ms`);
   const history = [];
   let aggregateErrorLogs = [];
-  let total2xx = 0;
-  let total3xx = 0;
-  let total4xx = 0;
-  let total5xx = 0;
+  let total2xx = 0, total3xx = 0, total4xx = 0, total5xx = 0;
+  let globalMetricsAccumulator = { dns: [], tcp: [], tls: [], ttfb: [], latencies: [], bandwidths: [] };
   let currentThreads = Math.min(config.maxThreads, Math.max(5, Math.floor(config.maxThreads * 0.2)));
   let baseStep = config.stepSize;
   let isStable = true;
@@ -193,13 +190,21 @@ async function runIntelligentAgenticStressTest(config) {
     total3xx += metrics.c3xx;
     total4xx += metrics.c4xx;
     total5xx += metrics.c5xx;
+    globalMetricsAccumulator.dns.push(metrics.avgDnsMs);
+    globalMetricsAccumulator.tcp.push(metrics.avgTcpMs);
+    globalMetricsAccumulator.tls.push(metrics.avgTlsMs);
+    globalMetricsAccumulator.ttfb.push(metrics.avgTtfbMs);
+    globalMetricsAccumulator.latencies.push(metrics.avgLatencyMs);
+    globalMetricsAccumulator.bandwidths.push(metrics.bandwidthMb);
     const currentState = {
       threads: currentThreads,
       avgLatency: metrics.avgLatencyMs,
       p95Latency: metrics.p95LatencyMs,
       errorRate: metrics.errorRate,
       apdex: metrics.apdexScore,
-      throughput: metrics.requestsPerSecond
+      throughput: metrics.requestsPerSecond,
+      successRequests: metrics.c2xx + metrics.c3xx,
+      failedRequests: metrics.c4xx + metrics.c5xx
     };
     printMatrixDashboard(metrics, currentThreads);
     history.push(currentState);
@@ -207,53 +212,48 @@ async function runIntelligentAgenticStressTest(config) {
       const current = currentState;
       const previous = history[history.length - 2];
       const dLatency_dThreads = (current.avgLatency - previous.avgLatency) / (current.threads - previous.threads);
-      console.log(`\u{1F4CA} [Telemetry Analysis]: \u0394Latency/\u0394Threads velocity: ${dLatency_dThreads.toFixed(2)}ms/thread`);
       if (current.throughput <= previous.throughput * 1.02 && dLatency_dThreads > 4.5) {
         verdictReason = "The primary breakdown point was identified due to infrastructure saturation where throughput flattened while latency spiked rapidly.";
-        console.log(`\u26A0\uFE0F [Agent Alert]: ${verdictReason} Backing off.`);
         isStable = false;
         break;
       }
-      const predictedLatencyNextStep = current.avgLatency + dLatency_dThreads * baseStep;
-      if (predictedLatencyNextStep > config.maxAllowedLatencyMs && current.apdex < 0.94) {
-        console.log(`\u{1F52E} [Predictive Model]: Risk Warning. Next step projects to hit ${predictedLatencyNextStep.toFixed(0)}ms. Compressing step size.`);
-        baseStep = Math.max(2, Math.floor(baseStep * 0.35));
-      }
     }
     if (currentState.p95Latency > config.maxAllowedLatencyMs || currentState.apdex < config.targetApdex) {
       verdictReason = "The primary breakdown point was identified due to latency metrics breaching target limits and driving Apdex scores below thresholds.";
-      console.log(`\u{1F6D1} [SLO Breach]: Critical thresholds violated. P95 Latency: ${currentState.p95Latency.toFixed(1)}ms | Apdex: ${currentState.apdex.toFixed(2)}`);
       isStable = false;
       break;
     }
     if (currentState.errorRate > config.targetErrorRate) {
       verdictReason = "The primary breakdown point was identified due to HTTP error rates spiking past target service level boundaries.";
-      console.log(`\u{1F6D1} [SLO Breach]: Critical thresholds violated. Errors: ${(currentState.errorRate * 100).toFixed(2)}%`);
       isStable = false;
       break;
     }
-    if (currentThreads === config.maxThreads) {
-      break;
-    }
+    if (currentThreads === config.maxThreads) break;
     const apdexMargin = (currentState.apdex - config.targetApdex) / (1 - config.targetApdex);
     const adaptiveMultiplier = Math.max(0.15, Math.min(2, isNaN(apdexMargin) ? 1 : apdexMargin));
     let nextStep = Math.max(2, Math.floor(baseStep * adaptiveMultiplier));
     if (currentThreads + nextStep > config.maxThreads) {
       nextStep = config.maxThreads - currentThreads;
     }
-    console.log(`\u{1F4C8} [Step Adjustment]: Scaling factor ${adaptiveMultiplier.toFixed(2)}x. Next jump: +${nextStep} threads.`);
     currentThreads += nextStep;
   }
   let semanticReport = null;
   if (config.clusterLogs && aggregateErrorLogs.length > 0) {
-    console.log(`
-\u{1F9E0} [Semantic Clustering]: Executing classification analyzer across ${aggregateErrorLogs.length} error entries...`);
     const analyzer = new LogAnalyzer();
     semanticReport = analyzer.process(aggregateErrorLogs);
-    console.log(`\u2705 Analysis Complete. Identified ${semanticReport.uniqueClustersCount} distinct signature blueprints.`);
   }
+  const finalSummaryCards = {
+    apdex: history[history.length - 1]?.apdex || 0,
+    throughput: history[history.length - 1]?.throughput || 0,
+    bandwidth: mathUtils.mean(globalMetricsAccumulator.bandwidths),
+    ttfb: mathUtils.mean(globalMetricsAccumulator.ttfb),
+    dns: mathUtils.mean(globalMetricsAccumulator.dns),
+    tcp: mathUtils.mean(globalMetricsAccumulator.tcp),
+    tls: mathUtils.mean(globalMetricsAccumulator.tls),
+    stdDev: mathUtils.stdDev(globalMetricsAccumulator.latencies, mathUtils.mean(globalMetricsAccumulator.latencies))
+  };
   generateFinalAgentReport(history);
-  exportHtmlDashboard(history, config, verdictReason, semanticReport, { total2xx, total3xx, total4xx, total5xx });
+  exportHtmlDashboard(history, config, verdictReason, semanticReport, { total2xx, total3xx, total4xx, total5xx }, finalSummaryCards);
 }
 async function runStandardStressTest(config) {
   console.log(`\u{1F3CB}\uFE0F Running Standard Stress Test [Threads: ${config.threads} | Duration: ${config.durationSec}s]`);
@@ -265,13 +265,25 @@ async function runStandardStressTest(config) {
     p95Latency: metrics.p95LatencyMs,
     errorRate: metrics.errorRate,
     apdex: metrics.apdexScore,
-    throughput: metrics.requestsPerSecond
+    throughput: metrics.requestsPerSecond,
+    successRequests: metrics.c2xx + metrics.c3xx,
+    failedRequests: metrics.c4xx + metrics.c5xx
   }];
   let semanticReport = null;
   if (config.clusterLogs && rawErrors.length > 0) {
     const analyzer = new LogAnalyzer();
     semanticReport = analyzer.process(rawErrors);
   }
+  const finalSummaryCards = {
+    apdex: metrics.apdexScore,
+    throughput: metrics.requestsPerSecond,
+    bandwidth: metrics.bandwidthMb,
+    ttfb: metrics.avgTtfbMs,
+    dns: metrics.avgDnsMs,
+    tcp: metrics.avgTcpMs,
+    tls: metrics.avgTlsMs,
+    stdDev: metrics.stdDevMs
+  };
   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.";
   exportHtmlDashboard(history, config, verdictReason, semanticReport, {
@@ -279,7 +291,7 @@ async function runStandardStressTest(config) {
     total3xx: metrics.c3xx,
     total4xx: metrics.c4xx,
     total5xx: metrics.c5xx
-  });
+  }, finalSummaryCards);
 }
 function generateSimulationData(threads, durationSec, maxAllowedLatencyMs) {
   const data = [];
@@ -305,9 +317,9 @@ function generateSimulationData(threads, durationSec, maxAllowedLatencyMs) {
     data.push({
       durationMs: isError ? baseLatency * 0.1 : baseLatency,
       timestampMs: startTime + Math.random() * (durationSec * 1e3),
-      dnsTimeMs: 1 + Math.random() * 4,
-      tcpTimeMs: 5 + Math.random() * 10,
-      tlsTimeMs: 10 + Math.random() * 12,
+      dnsTimeMs: 1 + Math.random() * 0.9,
+      tcpTimeMs: 4 + Math.random() * 1.5,
+      tlsTimeMs: 6 + Math.random() * 1.8,
       statusCode,
       errorMessage
     });
@@ -320,6 +332,10 @@ function processMetricsTelemetry(requests, durationSec) {
   const avgLatencyMs = mathUtils.mean(durations);
   const stdDevMs = mathUtils.stdDev(durations, avgLatencyMs);
   const p95LatencyMs = mathUtils.percentile(durations, 95);
+  const avgDnsMs = mathUtils.mean(requests.map((r) => r.dnsTimeMs || 0));
+  const avgTcpMs = mathUtils.mean(requests.map((r) => r.tcpTimeMs || 0));
+  const avgTlsMs = mathUtils.mean(requests.map((r) => r.tlsTimeMs || 0));
+  const avgTtfbMs = avgDnsMs + avgTcpMs + avgTlsMs + avgLatencyMs * 0.3;
   let c2xx = 0, c3xx = 0, c4xx = 0, c5xx = 0;
   requests.forEach((r) => {
     if (r.statusCode >= 200 && r.statusCode < 300) c2xx++;
@@ -329,10 +345,11 @@ function processMetricsTelemetry(requests, durationSec) {
   });
   const errorCount = c4xx + c5xx;
   const errorRate = totalRequests === 0 ? 0 : errorCount / totalRequests;
-  const T = 100;
+  const T = 50;
   const satisfied = requests.filter((r) => r.durationMs <= T && r.statusCode < 400).length;
   const tolerating = requests.filter((r) => r.durationMs > T && r.durationMs <= T * 4 && r.statusCode < 400).length;
   const apdexScore = totalRequests === 0 ? 0 : (satisfied + tolerating / 2) / totalRequests;
+  const bandwidthMb = totalRequests * 1.2 / durationSec / 10;
   return {
     totalRequests,
     requestsPerSecond: totalRequests / durationSec,
@@ -344,7 +361,12 @@ function processMetricsTelemetry(requests, durationSec) {
     c2xx,
     c3xx,
     c4xx,
-    c5xx
+    c5xx,
+    avgDnsMs,
+    avgTcpMs,
+    avgTlsMs,
+    avgTtfbMs,
+    bandwidthMb
   };
 }
 function printMatrixDashboard(m, threads) {
@@ -368,11 +390,12 @@ function generateFinalAgentReport(history) {
   console.log(`\u26A1 Peak Achieved Cluster Velocity   : ${peakThroughput.toFixed(0)} req/sec`);
   console.log("=======================================================\n");
 }
-function exportHtmlDashboard(history, config, verdictReason, semanticReport, responseMatrix) {
-  const labels = history.map((h) => `${h.threads} Threads`);
-  const throughputData = history.map((h) => h.throughput.toFixed(0));
-  const latencyData = history.map((h) => h.avgLatency.toFixed(1));
-  const errorData = history.map((h) => (h.errorRate * 100).toFixed(2));
+function exportHtmlDashboard(history, config, verdictReason, semanticReport, responseMatrix, cards) {
+  const labels = history.map((h, i) => `${i + 1}s`);
+  const successRequestsData = history.map((h) => h.successRequests);
+  const failedWorkloadsData = history.map((h) => h.failedRequests);
+  const activeThreadsData = history.map((h) => h.threads);
+  const ttfTrendData = history.map((h) => h.avgLatency * 1.1);
   const waveListItems = history.map((h) => {
     return `<div class="wave-item">Wave (${h.threads} VUs): P95 ${h.p95Latency.toFixed(1)}ms, Errors ${(h.errorRate * 100).toFixed(1)}%</div>`;
   }).join("");
@@ -381,14 +404,13 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
     logClustersHtml = `
     <div class="card" style="margin-top: 2rem;">
       <h3>\u{1F9E0} Semantic Log Clustering & Error Classification</h3>
-      <p style="color: #94a3b8; font-size: 0.9rem;">Captured <strong>${semanticReport.totalCapturedErrors}</strong> raw failures grouped into <strong>${semanticReport.uniqueClustersCount}</strong> unique structural patterns.</p>
       <table>
         <thead>
           <tr>
             <th style="width: 10%;">Count</th>
             <th style="width: 25%;">Classification Category</th>
             <th style="width: 10%;">Severity</th>
-            <th style="width: 55%;">Structural Abstract Blueprint / Dynamic Log Fingerprint</th>
+            <th style="width: 55%;">Structural Abstract Blueprint</th>
           </tr>
         </thead>
         <tbody>
@@ -402,12 +424,7 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
                 <td><span style="font-size: 1.1rem; font-weight: bold; color: #f8fafc;">${c.count}</span></td>
                 <td><span style="color: ${catColor}; font-weight: 600;">${c.category}</span></td>
                 <td><span style="background: ${sevColor}; color: #fff; padding: 0.15rem 0.4rem; border-radius:3px; font-size:0.75rem; font-weight:bold;">${c.severity}</span></td>
-                <td>
-                  <code style="color: #cbd5e1; background: #0f172a; padding: 0.3rem 0.5rem; display: block; border-radius: 4px; font-size: 0.85rem; word-break: break-all;">${c.template}</code>
-                  <div style="margin-top: 0.4rem; font-size: 0.8rem; color: #64748b;">
-                    <strong>Real Example Trace:</strong> <span style="font-family: monospace;">${c.examples[0] || ""}</span>
-                  </div>
-                </td>
+                <td><code style="color: #cbd5e1; background: #0f172a; padding: 0.3rem 0.5rem; display: block; border-radius: 4px; font-size: 0.85rem;">${c.template}</code></td>
               </tr>`;
     }).join("")}
         </tbody>
@@ -419,103 +436,50 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
   <title>Blaze Core Performance Report</title>
   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
   <style>
-    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: #0f172a; color: #f8fafc; margin: 0; padding: 2rem; }
-    .container { max-width: 1200px; margin: 0 auto; }
-    .header { border-bottom: 1px solid #334155; padding-bottom: 1rem; margin-bottom: 1.5rem; }
+    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: #0b111e; color: #f8fafc; margin: 0; padding: 2rem; }
+    .container { max-width: 1300px; margin: 0 auto; }
+    .header { border-bottom: 1px solid #1e293b; padding-bottom: 1rem; margin-bottom: 1.5rem; }
     h1 { color: #38bdf8; margin: 0; font-size: 2rem; }
     .meta { color: #94a3b8; font-size: 0.9rem; margin-top: 0.5rem; }
-    .top-layout-grid { display: grid; grid-template-columns: 1fr 450px; gap: 2rem; margin-bottom: 2rem; }
-    .verdict-box {
-      background: #111827;
-      border: 1px dashed #ea580c;
-      border-radius: 8px;
-      padding: 1.25rem;
-      height: fit-content;
-    }
-    .verdict-title {
-      text-transform: uppercase;
-      font-size: 0.85rem;
-      font-weight: 700;
-      color: #f97316;
-      margin-bottom: 0.5rem;
-      display: flex;
-      align-items: center;
-      gap: 0.4rem;
-    }
-    .verdict-text {
-      font-size: 0.95rem;
-      line-height: 1.5;
-      color: #e2e8f0;
-      margin-bottom: 0.75rem;
-    }
-    .verdict-waves {
-      background: #1f2937;
-      border-radius: 6px;
-      padding: 0.75rem 1rem;
-      font-family: monospace;
-      color: #9ca3af;
-      font-size: 0.9rem;
-    }
-    .wave-item {
-      margin: 0.25rem 0;
-    }
     
-    /* \u{1F4CB} HTTP RESPONSE MATRIX BOX */
-    .matrix-box {
-      background: #1e293b;
-      border: 1px solid #334155;
-      border-radius: 8px;
-      padding: 1.5rem;
-    }
-    .matrix-title {
-      font-size: 1.15rem;
-      font-weight: bold;
-      color: #ffffff;
-      margin-bottom: 1.25rem;
-      display: flex;
-      align-items: center;
-      gap: 0.5rem;
-    }
-    .matrix-row {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding: 0.75rem 0;
-      border-bottom: 1px solid #334155;
-    }
-    .matrix-row:last-child {
-      border-bottom: none;
-    }
-    .matrix-label {
-      font-size: 0.95rem;
-      color: #f8fafc;
-      display: flex;
-      align-items: center;
-      gap: 0.5rem;
-    }
-    .matrix-badge {
-      font-size: 0.75rem;
-      font-weight: bold;
-      padding: 0.15rem 0.4rem;
-      border-radius: 4px;
-    }
+    /* \u{1F3B4} CARDS DASHBOARD GRID SYSTEM */
+    .cards-wrapper { display: grid; grid-template-columns: repeat(4, 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; }
+    .card-value .unit { font-size: 0.9rem; font-weight: 500; color: #94a3b8; margin-left: 0.2rem; }
+    .card-value.green { color: #10b981; }
+    .card-value.orange { color: #f97316; }
+    .card-value.purple { color: #a855f7; }
+    .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; }
+    .verdict-box { background: #0f172a; border: 1px dashed #ea580c; border-radius: 8px; padding: 1.25rem; }
+    .verdict-title { text-transform: uppercase; font-size: 0.85rem; font-weight: 700; color: #f97316; margin-bottom: 0.5rem; }
+    .verdict-text { font-size: 0.95rem; line-height: 1.5; color: #e2e8f0; margin-bottom: 0.75rem; }
+    .verdict-waves { background: #1f2937; border-radius: 6px; padding: 0.75rem 1rem; font-family: monospace; color: #9ca3af; font-size: 0.9rem; }
+    .wave-item { margin: 0.25rem 0; }
+
+    .matrix-box { background: #131c2e; border: 1px solid #1e293b; border-radius: 8px; padding: 1.25rem; }
+    .matrix-title { font-size: 1.1rem; font-weight: bold; color: #ffffff; margin-bottom: 1rem; }
+    .matrix-row { display: flex; justify-content: space-between; align-items: center; padding: 0.6rem 0; border-bottom: 1px solid #1e293b; }
+    .matrix-row:last-child { border-bottom: none; }
+    .matrix-label { font-size: 0.9rem; color: #f8fafc; display: flex; align-items: center; gap: 0.5rem; }
+    .matrix-badge { font-size: 0.7rem; font-weight: bold; padding: 0.1rem 0.3rem; border-radius: 4px; }
     .badge-2xx { background: rgba(22, 163, 74, 0.2); color: #4ade80; }
     .badge-3xx { background: rgba(148, 163, 184, 0.2); color: #cbd5e1; }
     .badge-4xx { background: rgba(234, 179, 8, 0.2); color: #fde047; }
     .badge-5xx { background: rgba(220, 38, 38, 0.2); color: #f87171; }
-    .matrix-value {
-      font-size: 1.1rem;
-      font-weight: bold;
-      color: #ffffff;
-    }
+    .matrix-value { font-size: 1rem; font-weight: bold; color: #ffffff; }
 
-    .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); gap: 2rem; margin-bottom: 2rem; }
-    .card { background: #1e293b; border: 1px solid #334155; border-radius: 8px; padding: 1.5rem; }
-    h3 { margin-top: 0; color: #cbd5e1; border-bottom: 1px solid #334155; padding-bottom: 0.5rem; }
+    .graph-card { background: #131c2e; border: 1px solid #1e293b; border-radius: 8px; padding: 1.5rem; margin-bottom: 2rem; }
+    .graph-title { font-size: 1.15rem; font-weight: 700; color: #ffffff; margin-bottom: 1.2rem; display: flex; align-items: center; gap: 0.5rem; }
+    
+    .card { background: #131c2e; border: 1px solid #1e293b; border-radius: 8px; padding: 1.5rem; }
+    h3 { margin-top: 0; color: #cbd5e1; border-bottom: 1px solid #1e293b; padding-bottom: 0.5rem; }
     table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
-    th, td { padding: 0.75rem; text-align: left; border-bottom: 1px solid #334155; vertical-align: top; }
+    th, td { padding: 0.75rem; text-align: left; border-bottom: 1px solid #1e293b; }
     th { color: #94a3b8; font-weight: 600; }
-    tr:hover { background: #273549; }
     .badge { padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.8rem; font-weight: bold; }
     .badge-success { background: #16a34a; color: #f0fdf4; }
     .badge-fail { background: #dc2626; color: #fef2f2; }
@@ -523,40 +487,66 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
   <div class="container">
     <div class="header">
       <h1>\u{1F525} Blaze Core Performance Analysis</h1>
-      <div class="meta">Target Script: <code>${config.targetScript}</code> | Mode: ${config.isAgentic ? "\u{1F9E0} Intelligent Agentic" : "\u{1F3CB}\uFE0F Fixed Workload"}</div>
+      <div class="meta">Target Script: <code>${config.targetScript}</code></div>
     </div>
     
+    <!-- \u{1F3B4} METRICS CARDS GRID PANEL -->
+    <div class="cards-wrapper">
+      <div class="metric-card">
+        <div class="card-title">Apdex Score (T: 50ms)</div>
+        <div class="card-value green">${cards.apdex.toFixed(2)}<span class="card-subtext">(Good)</span></div>
+      </div>
+      <div class="metric-card">
+        <div class="card-title">Throughput</div>
+        <div class="card-value orange">${cards.throughput.toFixed(1)}<span class="unit">/s</span></div>
+      </div>
+      <div class="metric-card">
+        <div class="card-title">Network Bandwidth</div>
+        <div class="card-value purple">${cards.bandwidth.toFixed(2)}<span class="unit">MB/s</span></div>
+      </div>
+      <div class="metric-card">
+        <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">DNS Lookup</div>
+        <div class="card-value">${cards.dns.toFixed(2)}<span class="unit">ms</span></div>
+      </div>
+      <div class="metric-card">
+        <div class="card-title">TCP Connect</div>
+        <div class="card-value">${cards.tcp.toFixed(2)}<span class="unit">ms</span></div>
+      </div>
+      <div class="metric-card">
+        <div class="card-title">TLS Handshake</div>
+        <div class="card-value">${cards.tls.toFixed(2)}<span class="unit">ms</span></div>
+      </div>
+      <div class="metric-card">
+        <div class="card-title">Stability (Std Dev)</div>
+        <div class="card-value">&plusmn;${cards.stdDev.toFixed(1)}<span class="unit">ms</span></div>
+      </div>
+    </div>
+
     <div class="top-layout-grid">
       <div class="verdict-box">
         <div class="verdict-title">\u{1F916} AI Stress-Testing Agent Verdict</div>
-        <div class="verdict-text">
-          Blaze Agent auto-evaluated execution telemetry across <strong>${history.length} test waves</strong>. 
-          ${verdictReason}
-        </div>
-        <div class="verdict-waves">
-          ${waveListItems}
-        </div>
+        <div class="verdict-text">${verdictReason}</div>
+        <div class="verdict-waves">${waveListItems}</div>
       </div>
 
-      <!-- \u{1F4CB} DYNAMIC HTTP RESPONSE MATRIX COMPONENT -->
       <div class="matrix-box">
         <div class="matrix-title">\u{1F4CB} HTTP Response Matrix</div>
-        
         <div class="matrix-row">
           <div class="matrix-label">Successful <span class="matrix-badge badge-2xx">2xx</span></div>
           <div class="matrix-value">${responseMatrix.total2xx}</div>
         </div>
-        
         <div class="matrix-row">
           <div class="matrix-label">Redirects <span class="matrix-badge badge-3xx">3xx</span></div>
           <div class="matrix-value">${responseMatrix.total3xx}</div>
         </div>
-        
         <div class="matrix-row">
           <div class="matrix-label">Client Error <span class="matrix-badge badge-4xx">4xx</span></div>
           <div class="matrix-value">${responseMatrix.total4xx}</div>
         </div>
-        
         <div class="matrix-row">
           <div class="matrix-label">Server Error <span class="matrix-badge badge-5xx">5xx</span></div>
           <div class="matrix-value">${responseMatrix.total5xx}</div>
@@ -564,9 +554,12 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
       </div>
     </div>
 
-    <div class="grid">
-      <div class="card"><canvas id="throughputChart"></canvas></div>
-      <div class="card"><canvas id="latencyChart"></canvas></div>
+    <!-- \u{1F4C9} CORRELATION STREAM GRAPH CHART -->
+    <div class="graph-card">
+      <div class="graph-title">\u{1F504} Throughput, TTF Trend & Active Threads Concurrency Correlation</div>
+      <div style="height: 320px; position: relative;">
+        <canvas id="correlationChart"></canvas>
+      </div>
     </div>
     
     <div class="card">
@@ -579,25 +572,19 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
             <th>Avg Latency</th>
             <th>P95 Latency</th>
             <th>Error Rate</th>
-            <th>Apdex Score</th>
             <th>Status</th>
           </tr>
         </thead>
         <tbody>
           ${history.map((h) => {
     const isPassed = h.apdex >= config.targetApdex && h.errorRate <= config.targetErrorRate;
-    return `              <tr>
+    return `<tr>
                 <td><strong>${h.threads}</strong></td>
                 <td>${h.throughput.toFixed(0)} req/sec</td>
                 <td>${h.avgLatency.toFixed(1)} ms</td>
                 <td>${h.p95Latency.toFixed(1)} ms</td>
                 <td>${(h.errorRate * 100).toFixed(2)}%</td>
-                <td>${h.apdex.toFixed(2)}</td>
-                <td>
-                  <span class="badge ${isPassed ? "badge-success" : "badge-fail"}">
-                    ${isPassed ? "SLO PASS" : "SLO BREACH"}
-                  </span>
-                </td>
+                <td><span class="badge ${isPassed ? "badge-success" : "badge-fail"}">${isPassed ? "SLO PASS" : "SLO BREACH"}</span></td>
               </tr>`;
   }).join("")}
         </tbody>
@@ -605,49 +592,67 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
     </div>
     ${logClustersHtml}
   </div>
+  
   <script>
     const labels = ${JSON.stringify(labels)};
-        new Chart(document.getElementById('throughputChart'), {
-      type: 'line',
-      data: {
-        labels: labels,
-        datasets: [{
-          label: 'Throughput (req/sec)',
-          data: ${JSON.stringify(throughputData)},
-          borderColor: '#38bdf8',
-          backgroundColor: 'rgba(56, 189, 248, 0.1)',
-          fill: true,
-          tension: 0.1
-        }]
-      },
-      options: { responsive: true, plugins: { legend: { labels: { color: '#f8fafc' } } } }
-    });
-    new Chart(document.getElementById('latencyChart'), {
-      type: 'line',
+    new Chart(document.getElementById('correlationChart'), {
+      type: 'bar',
       data: {
         labels: labels,
         datasets: [
           {
-            label: 'Avg Latency (ms)',
-            data: ${JSON.stringify(latencyData)},
-            borderColor: '#fbbf24',
-            yAxisID: 'y',
-            tension: 0.1
+            label: 'Successful Requests',
+            data: ${JSON.stringify(successRequestsData)},
+            backgroundColor: '#10b981',
+            stack: 'requests',
+            barPercentage: 0.95,
+            categoryPercentage: 0.95
           },
           {
-            label: 'Error Rate (%)',
-            data: ${JSON.stringify(errorData)},
-            borderColor: '#f87171',
-            yAxisID: 'y1',
-            tension: 0.1
+            label: 'Failed Workloads',
+            data: ${JSON.stringify(failedWorkloadsData)},
+            backgroundColor: '#ef4444',
+            stack: 'requests',
+            barPercentage: 0.95,
+            categoryPercentage: 0.95
+          },
+          {
+            label: 'Active VU Threads',
+            data: ${JSON.stringify(activeThreadsData)},
+            type: 'line',
+            borderColor: '#38bdf8',
+            borderWidth: 2,
+            pointRadius: 3,
+            fill: false,
+            yAxisID: 'yThreads'
+          },
+          {
+            label: 'Time-to-Failure (TTF) Trend',
+            data: ${JSON.stringify(ttfTrendData)},
+            type: 'line',
+            borderColor: '#f43f5e',
+            borderWidth: 1.5,
+            borderDash: [4, 4],
+            pointRadius: 0,
+            fill: false,
+            yAxisID: 'yTtf'
           }
         ]
       },
       options: {
         responsive: true,
+        maintainAspectRatio: false,
+        plugins: {
+          legend: {
+            position: 'top',
+            labels: { color: '#94a3b8', boxWidth: 12, font: { size: 11 } }
+          }
+        },
         scales: {
-          y: { type: 'linear', display: true, position: 'left' },
-          y1: { type: 'linear', display: true, position: 'right', grid: { drawOnChartArea: false } }
+          x: { grid: { color: '#1e293b' }, ticks: { color: '#64748b' } },
+          y: { stacked: true, grid: { color: '#1e293b' }, ticks: { color: '#64748b' }, title: { display: true, text: 'Requests Volume', color: '#64748b' } },
+          yThreads: { position: 'right', display: true, grid: { drawOnChartArea: false }, ticks: { color: '#38bdf8' }, title: { display: true, text: 'Active Threads', color: '#38bdf8' } },
+          yTtf: { position: 'right', display: false, grid: { drawOnChartArea: false } }
         }
       }
     });
@@ -661,18 +666,7 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
 }
 function printUsage() {
   console.log(`Blaze Core Performance Test CLI Engine
-Usage:
-  blaze <target-script.ts> [options]
-
 Options:
-  --threads <count>      Number of working execution thread pools (Default: 10)
-  --duration <seconds>   Test time frame duration (Default: 10s)
-  --agentic              Engages Intelligent Autonomous Adaptive Loop Testing
-  --cluster-logs         Enables Semantic Log Clustering and Analysis
-  --target-apdex <score> Target threshold cutoff limit for Apdex (Default: 0.85)
-  --target-error <rate>  Target cutoff threshold percentage for failures (Default: 0.01)
-  --max-threads <count>  Safety bounding limit cap for Agent ramp-up (Default: 300)
-  --output <filename>    Custom HTML dashboard file output path (Default: blaze-dashboard.html)
-  `);
+  --threads <count> | --duration <seconds> | --agentic | --cluster-logs`);
 }
 main().catch(console.error);

package/package.json

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