blaze-performance-tester 3.1.23 → 3.1.25

package/dist/cli.js

@@ -550,7 +550,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 +598,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 +621,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>
@@ -640,26 +640,6 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
       </div>
     </div>
   </div>`;
-  const rightSizingHtml = `
-  <div class="card p-devops p-exec" 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;">
-      \u2601\uFE0F Infrastructure Right-Sizing & Cloud Cost Projections
-    </h3>
-    <div style="grid-template-columns: repeat(3, 1fr); display: grid; gap: 1rem; margin-top: 1rem;">
-      <div style="background: #090d16; padding: 1rem; border-radius: 6px; border: 1px solid #1e293b;">
-        <div class="card-title">Est. Monthly Cloud Cost</div>
-        <div class="card-value green">$${estimatedMonthlyCost} <span class="unit">/mo</span></div>
-      </div>
-      <div style="background: #090d16; padding: 1rem; border-radius: 6px; border: 1px solid #1e293b;">
-        <div class="card-title">Recommended CPU Right-Sizing</div>
-        <div class="card-value purple">${recommendedCpuCores} <span class="unit">vCores</span></div>
-      </div>
-      <div style="background: #090d16; padding: 1rem; border-radius: 6px; border: 1px solid #1e293b;">
-        <div class="card-title">Recommended Memory Allocation</div>
-        <div class="card-value orange">${recommendedRamGb} <span class="unit">GB RAM</span></div>
-      </div>
-    </div>
-  </div>`;
   const breakdownRates = responseMatrix.breakdownRates || {};
   const breakdownGridHtml = [400, 401, 403, 404, 429, 500, 502, 503, 504].map((code) => {
     const rate = breakdownRates[code] || 0;
@@ -683,11 +663,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; }
@@ -708,7 +683,7 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
     .gauge-container-box { background: #131c2e; border: 1px solid #1e293b; border-radius: 8px; padding: 1.25rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
     .gauge-title { font-size: 0.85rem; font-weight: bold; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 1rem; }
 
-    .matrix-box { background: #131c2e; border: 1px solid #1e293b; border-radius: 8px; padding: 1.25rem; }
+    .matrix-box { background: #131c2e; border: 1px solid #1e293b; border-radius: 8px; padding: 1.25rem; display: flex; flex-direction: column; justify-content: space-between; }
     .matrix-title { font-size: 1.1rem; font-weight: bold; color: #ffffff; margin-bottom: 1rem; }
     .matrix-box .matrix-row { display: flex; justify-content: space-between; align-items: center; padding: 0.6rem 0; border-bottom: 1px solid #1e293b; }
     .matrix-box .matrix-row:last-child { border-bottom: none; }
@@ -740,59 +715,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>
-      
-      <!-- IMPLEMENTED: Persona Selector Toggle Buttons -->
-      <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')">Developer</button>
-        <button class="persona-btn" onclick="switchPersona('devops')">DevOps</button>
-        <button class="persona-btn" onclick="switchPersona('executive')">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);">
@@ -808,53 +775,57 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
         </div>
       </div>
 
-      <div class="matrix-box p-devops p-dev">
-        <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">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>
+      <div class="matrix-box">
+        <div>
+          <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">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>
+          </div>
         </div>
 
-        <div class="matrix-title" style="margin-top: 1.5rem; font-size: 0.85rem; border-top: 1px solid #1e293b; padding-top: 1rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em;">
-          \u{1F522} HTTP Status Code Breakdown Rate
-        </div>
-        <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; margin-top: 0.5rem;">
-          ${breakdownGridHtml}
+        <div>
+          <div class="matrix-title" style="margin-top: 1.5rem; font-size: 0.85rem; border-top: 1px solid #1e293b; padding-top: 1rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em;">
+            \u{1F522} HTTP Status Code Breakdown Rate
+          </div>
+          <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; margin-top: 0.5rem;">
+            ${breakdownGridHtml}
+          </div>
         </div>
       </div>
     </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>
@@ -862,7 +833,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>
@@ -910,25 +881,6 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
         simThroughput.textContent = (baseThroughput * Math.min(factor, 2.5)).toFixed(0) + '/s';
       });
     }
-
-    // Dynamic View Selection Switching Functionality
-    function switchPersona(persona) {
-      document.querySelectorAll('.persona-btn').forEach(btn => btn.classList.remove('active'));
-      event.target.classList.add('active');
-
-      // Hide all dynamic components initially
-      const layouts = ['.p-dev', '.p-devops', '.p-exec'];
-      layouts.forEach(selector => {
-        document.querySelectorAll(selector).forEach(el => el.style.display = 'none');
-      });
-
-      // Show specific class tags tied to selected viewport context
-      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 = '';
-      });
-    }
     
     new Chart(document.getElementById('volumeChart'), {
       type: 'bar',
@@ -968,10 +920,6 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
       data: { datasets: [{ label: 'Processing Delay', data: ${JSON.stringify(scatterPoints)}, backgroundColor: '#a855f7' }] },
       options: { responsive: true, maintainAspectRatio: false }
     });
-
-    // Initialize layout setup to display Developer view on start
-    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.23",
+  "version": "3.1.25",
   "description": "A high-performance, multi-threaded load testing engine built with Rust and QuickJS.",
   "type": "module",
   "main": "dist/index.js",