blaze-performance-tester 3.1.24 → 3.1.26

package/dist/cli.js

@@ -467,7 +467,7 @@ function processMetricsTelemetry(requests, durationSec) {
   const avgTlsMs = mathUtils.mean(requests.map((r) => r.tlsTimeMs || 0));
   const avgTtfbMs = avgDnsMs + avgTcpMs + avgTlsMs + avgLatencyMs * 0.3;
   let c1xx = 0, c2xx = 0, c3xx = 0, c4xx = 0, c5xx = 0;
-  const codeCounts = { 400: 0, 401: 0, 403: 0, 404: 429, 429: 0, 500: 0, 502: 0, 503: 0, 504: 0 };
+  const codeCounts = { 400: 0, 401: 0, 403: 0, 404: 0, 429: 0, 500: 0, 502: 0, 503: 0, 504: 0 };
   requests.forEach((r) => {
     if (r.statusCode >= 100 && r.statusCode < 200) c1xx++;
     else if (r.statusCode >= 200 && r.statusCode < 300) c2xx++;
@@ -540,6 +540,26 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
   const estimatedMonthlyCost = (cards.throughput * 0.045 * 24 * 30).toFixed(2);
   const recommendedCpuCores = Math.max(2, Math.ceil(cards.saturationKneePoint / 75));
   const recommendedRamGb = recommendedCpuCores * 2;
+  const rightSizingHtml = `
+  <div class="card" style="margin-top: 2rem; background: #131c2e; border: 1px solid #1e293b;">
+    <h3 style="color: #a855f7; display: flex; align-items: center; gap: 0.5rem; font-size: 1.2rem; margin-bottom: 1rem; border-bottom: 1px solid #1e293b; padding-bottom: 0.5rem;">
+      \u{1F5A5}\uFE0F Infrastructure Right-Sizing & Cloud Cost Optimization
+    </h3>
+    <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;">
+      <div style="background: #090d16; padding: 1.25rem; border-radius: 6px; border: 1px solid #1e293b; text-align: center;">
+        <div class="card-title" style="color: #94a3b8;">Recommended Compute</div>
+        <div style="font-size: 1.75rem; font-weight: bold; color: #a855f7; margin-top: 0.4rem;">${recommendedCpuCores} Cores</div>
+      </div>
+      <div style="background: #090d16; padding: 1.25rem; border-radius: 6px; border: 1px solid #1e293b; text-align: center;">
+        <div class="card-title" style="color: #94a3b8;">Recommended Memory</div>
+        <div style="font-size: 1.75rem; font-weight: bold; color: #a855f7; margin-top: 0.4rem;">${recommendedRamGb} GB RAM</div>
+      </div>
+      <div style="background: #090d16; padding: 1.25rem; border-radius: 6px; border: 1px solid #1e293b; text-align: center;">
+        <div class="card-title" style="color: #94a3b8;">Est. Scale Cost / Month</div>
+        <div style="font-size: 1.75rem; font-weight: bold; color: #10b981; margin-top: 0.4rem;">$${estimatedMonthlyCost}</div>
+      </div>
+    </div>
+  </div>`;
   const firstTimestamp = rawRequests[0]?.timestampMs || Date.now();
   const scatterPoints = rawRequests.slice(0, 180).map((r) => ({
     x: Number(((r.timestampMs - firstTimestamp) / 1e3).toFixed(2)),
@@ -550,7 +570,7 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
     const totalLogCount = semanticReport.clusters.reduce((sum, c) => sum + c.count, 0);
     const uniquePatternsCount = semanticReport.clusters.length;
     logClustersHtml = `
-    <div class="card p-dev" style="margin-top: 2rem; background: #131c2e; border: 1px solid #1e293b;">
+    <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
       </h3>
@@ -598,7 +618,7 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
     const finalLatency = history[history.length - 1]?.avgLatency || cards.ttfb;
     const seoMetrics = calculateSeoImpactMetrics(finalLatency);
     seoImpactSectionHtml = `
-    <div class="card p-exec" style="margin-top: 2rem; background: #111a2e; border: 1px solid #1e3a8a;">
+    <div class="card" style="margin-top: 2rem; background: #111a2e; border: 1px solid #1e3a8a;">
       <h3 style="color: #f43f5e; display: flex; align-items: center; gap: 0.6rem; font-size: 1.2rem; border-bottom: 1px solid #1e293b; padding-bottom: 0.5rem;">
         \u{1F50E} SEO Rank Impact & Visibility Loss Predictor
       </h3>
@@ -621,7 +641,7 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
     </div>`;
   }
   const liveAdjusterHtml = `
-  <div class="card p-devops" style="margin-top: 2rem; background: #131c2e; border: 1px solid #1e293b;">
+  <div class="card" style="margin-top: 2rem; background: #131c2e; border: 1px solid #1e293b;">
     <h3 style="color: #38bdf8; display: flex; align-items: center; gap: 0.5rem; font-size: 1.2rem; margin-bottom: 1rem;">
       \u{1F39B}\uFE0F Live Concurrency Adjuster (Mid-Test Simulation)
     </h3>
@@ -663,11 +683,6 @@ 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; }
     
-    /* Persona Controls Styling */
-    .persona-toggle-container { background: #131c2e; padding: 0.5rem 1rem; border-radius: 8px; border: 1px solid #1e293b; display: flex; align-items: center; gap: 0.75rem; }
-    .persona-btn { background: #090d16; border: 1px solid #1e293b; color: #94a3b8; padding: 0.4rem 1rem; font-size: 0.85rem; font-weight: 600; border-radius: 6px; cursor: pointer; transition: all 0.2s ease; }
-    .persona-btn.active { background: #38bdf8; border-color: #38bdf8; color: #0b111e; }
-    
     .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; }
@@ -720,59 +735,51 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
         <h1>\u{1F525} Blaze Core Performance Analysis</h1>
         <div class="meta">Target Script: <code>${config.targetScript}</code></div>
       </div>
-      
-      <!-- Persona View Switcher Selector Elements -->
-      <div class="persona-toggle-container">
-        <span style="font-size: 0.8rem; color: #64748b; font-weight: bold; text-transform: uppercase;">View Perspective:</span>
-        <button class="persona-btn active" onclick="switchPersona('developer', this)">Developer</button>
-        <button class="persona-btn" onclick="switchPersona('devops', this)">DevOps</button>
-        <button class="persona-btn" onclick="switchPersona('executive', this)">Executive</button>
-      </div>
     </div>
     
     <div class="cards-wrapper">
-      <div class="metric-card p-dev">
+      <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 p-devops p-exec">
+      <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 p-devops">
+      <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 p-devops">
+      <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 p-dev">
+      <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 p-dev">
+      <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 p-dev">
+      <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 p-dev p-exec">
+      <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 p-devops p-exec">
+      <div class="verdict-box">
         <div class="verdict-title">\u{1F916} AI Stress-Testing Agent Verdict</div>
         <div class="verdict-text">${verdictReason}</div>
         <div class="verdict-waves">${waveListItems}</div>
       </div>
 
-      <div class="gauge-container-box p-exec p-devops">
+      <div class="gauge-container-box">
         <div class="gauge-title">Blaze Run Health Score</div>
         <div style="position: relative; width: 140px; height: 140px; display: flex; align-items: center; justify-content: center;">
           <svg width="140" height="140" viewBox="0 0 140 140" style="transform: rotate(-90deg);">
@@ -788,7 +795,7 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
         </div>
       </div>
 
-      <div class="matrix-box p-devops p-dev">
+      <div class="matrix-box">
         <div>
           <div class="matrix-title">\u{1F4CB} HTTP Response Matrix</div>
           <div class="matrix-row">
@@ -817,28 +824,28 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
     </div>
 
     <div class="charts-grid">
-      <div class="graph-card p-devops">
+      <div class="graph-card">
         <div class="graph-title">\u{1F4CA} Throughput Velocity & Workload Volume</div>
         <div style="height: 280px; position: relative;">
           <canvas id="volumeChart"></canvas>
         </div>
       </div>
 
-      <div class="graph-card p-devops">
+      <div class="graph-card">
         <div class="graph-title">\u{1F504} Active Concurrency (VUs) vs. TTF Trend</div>
         <div style="height: 280px; position: relative;">
           <canvas id="concurrencyChart"></canvas>
         </div>
       </div>
 
-      <div class="graph-card p-dev">
+      <div class="graph-card">
         <div class="graph-title">\u{1F369} HTTP Status Code Proportions</div>
         <div style="height: 280px; position: relative;">
           <canvas id="statusDonutChart"></canvas>
         </div>
       </div>
 
-      <div class="graph-card p-dev">
+      <div class="graph-card">
         <div class="graph-title">\u{1F4C8} Time-to-First-Byte Scatter Plot</div>
         <div style="height: 280px; position: relative;">
           <canvas id="ttfbScatterChart"></canvas>
@@ -846,7 +853,7 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
       </div>
     </div>
     
-    <div class="card p-dev">
+    <div class="card">
       <h3>Telemetry Matrix Logs</h3>
       <table>
         <thead>
@@ -894,39 +901,8 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
         simThroughput.textContent = (baseThroughput * Math.min(factor, 2.5)).toFixed(0) + '/s';
       });
     }
-
-    // Global register tracking charts for explicit redraw logic execution
-    const activeCharts = [];
-
-    function switchPersona(persona, targetBtn) {
-      if (targetBtn) {
-        document.querySelectorAll('.persona-btn').forEach(btn => btn.classList.remove('active'));
-        targetBtn.classList.add('active');
-      }
-
-      // Hide all dynamic viewport configurations
-      const layouts = ['.p-dev', '.p-devops', '.p-exec'];
-      layouts.forEach(selector => {
-        document.querySelectorAll(selector).forEach(el => el.style.display = 'none');
-      });
-
-      // Target current selector views for block visibility execution
-      document.querySelectorAll('.p-' + persona).forEach(el => {
-        if (el.tagName === 'TR') el.style.display = 'table-row';
-        else if (el.classList.contains('metric-card')) el.style.display = 'block';
-        else el.style.display = '';
-      });
-
-      // AUTO-REFRESH IMPLEMENTATION: Triggers sizing layout re-calculations on unhidden canvases
-      activeCharts.forEach(chart => {
-        if (chart) {
-          chart.resize();
-          chart.update('active');
-        }
-      });
-    }
     
-    activeCharts.push(new Chart(document.getElementById('volumeChart'), {
+    new Chart(document.getElementById('volumeChart'), {
       type: 'bar',
       data: {
         labels: labels,
@@ -936,9 +912,9 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
         ]
       },
       options: { responsive: true, maintainAspectRatio: false, scales: { x: { grid: { color: '#1e293b' } }, y: { stacked: true, grid: { color: '#1e293b' } } } }
-    }));
+    });
 
-    activeCharts.push(new Chart(document.getElementById('concurrencyChart'), {
+    new Chart(document.getElementById('concurrencyChart'), {
       type: 'line',
       data: {
         labels: labels,
@@ -948,26 +924,22 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
         ]
       },
       options: { responsive: true, maintainAspectRatio: false }
-    }));
+    });
 
-    activeCharts.push(new Chart(document.getElementById('statusDonutChart'), {
+    new Chart(document.getElementById('statusDonutChart'), {
       type: 'doughnut',
       data: {
         labels: ['Success', 'Client Err', 'Server Err'],
         datasets: [{ data: [${responseMatrix.total2xx}, ${responseMatrix.total4xx}, ${responseMatrix.total5xx}], backgroundColor: ['#4ade80', '#fde047', '#f87171'] }]
       },
       options: { responsive: true, maintainAspectRatio: false }
-    }));
+    });
 
-    activeCharts.push(new Chart(document.getElementById('ttfbScatterChart'), {
+    new Chart(document.getElementById('ttfbScatterChart'), {
       type: 'scatter',
       data: { datasets: [{ label: 'Processing Delay', data: ${JSON.stringify(scatterPoints)}, backgroundColor: '#a855f7' }] },
       options: { responsive: true, maintainAspectRatio: false }
-    }));
-
-    // Bootstrapped configuration state defaults dashboard load view to Developer
-    document.querySelectorAll('.p-devops, .p-exec').forEach(el => el.style.display = 'none');
-    document.querySelectorAll('.p-dev').forEach(el => el.style.display = '');
+    });
   </script></body></html>`;
   try {
     fs.writeFileSync(config.outputHtml, htmlContent, "utf-8");

package/package.json

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