blaze-performance-tester 3.1.52 → 3.1.54

package/dist/cli.js

@@ -807,6 +807,30 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
       </div>
     </div>
   </div>`;
+  const nlpQueryEngineHtml = `
+  <div class="card" style="margin-top: 2rem; background: #131c2e; border: 1px solid #0ea5e9; border-left: 4px solid #0ea5e9;">
+    <h3 style="color: #0ea5e9; display: flex; align-items: center; gap: 0.5rem; font-size: 1.2rem; margin-bottom: 0.5rem; border-bottom: none; padding-bottom: 0;">
+      \u{1F916} Natural Language Telemetry Insights Query Engine
+    </h3>
+    <p style="color: #94a3b8; font-size: 0.9rem; margin: 0 0 1rem 0;">
+      Ask questions of your load test results using natural phrasing to isolate and filter metric rows dynamically.
+    </p>
+    <div style="display: flex; gap: 0.75rem; margin-bottom: 0.75rem;">
+      <input type="text" id="nlpQueryInput" placeholder="e.g., show me tiers where latency > 40ms or error rate > 0%" 
+             style="flex: 1; background: #090d16; border: 1px solid #1e293b; border-radius: 6px; padding: 0.75rem 1rem; color: #ffffff; font-size: 0.95rem; outline: none; transition: border-color 0.2s;">
+      <button id="nlpQueryBtn" style="background: #0ea5e9; color: #ffffff; border: none; border-radius: 6px; padding: 0.75rem 1.5rem; font-weight: 600; cursor: pointer; transition: background 0.2s;">
+        Query Matrix
+      </button>
+    </div>
+    <div style="display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center;">
+      <span style="font-size: 0.8rem; color: #64748b; font-weight: bold; text-transform: uppercase; letter-spacing: 0.05em;">Suggestions:</span>
+      <button onclick="setNlpQuery('Show P95 latency > 50ms')" style="background: #1e293b; color: #cbd5e1; border: 1px solid #334155; border-radius: 4px; padding: 0.25rem 0.5rem; font-size: 0.8rem; cursor: pointer;">P95 Latency > 50ms</button>
+      <button onclick="setNlpQuery('Find tiers with errors > 0%')" style="background: #1e293b; color: #cbd5e1; border: 1px solid #334155; border-radius: 4px; padding: 0.25rem 0.5rem; font-size: 0.8rem; cursor: pointer;">Errors > 0%</button>
+      <button onclick="setNlpQuery('High concurrency > 25 VUs')" style="background: #1e293b; color: #cbd5e1; border: 1px solid #334155; border-radius: 4px; padding: 0.25rem 0.5rem; font-size: 0.8rem; cursor: pointer;">Concurrency > 25 VUs</button>
+      <button onclick="setNlpQuery('')" style="background: #1c1917; color: #f43f5e; border: 1px solid #44403c; border-radius: 4px; padding: 0.25rem 0.5rem; font-size: 0.8rem; cursor: pointer;">Reset Filter</button>
+    </div>
+    <div id="nlpQueryFeedback" style="margin-top: 0.75rem; font-size: 0.85rem; color: #38bdf8;"></div>
+  </div>`;
   const breakdownRates = responseMatrix.breakdownRates || {};
   const breakdownGridHtml = [400, 401, 403, 404, 429, 500, 502, 503, 504].map((code) => {
     const rate = breakdownRates[code] || 0;
@@ -1013,8 +1037,10 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
         </div>
       </div>
     </div>
+
+    ${nlpQueryEngineHtml}
     
-    <div class="card">
+    <div class="card" style="margin-top: 2rem;">
       <h3>Telemetry Matrix Logs</h3>
       <table>
         <thead>
@@ -1027,7 +1053,7 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
             <th>Status</th>
           </tr>
         </thead>
-        <tbody>
+        <tbody id="telemetryTableBody">
           ${history.map((h) => {
     const isPassed = h.apdex >= config.targetApdex && h.errorRate <= config.targetErrorRate;
     return `<tr>
@@ -1049,6 +1075,7 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
   </div>
   
   <script>
+    const telemetryHistory = ${JSON.stringify(history)};
     const labels = ${JSON.stringify(labels)};
     const baseThroughput = ${cards.throughput};
     const baseLatency = ${cards.ttfb};
@@ -1058,12 +1085,75 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
     const simThroughput = document.getElementById('simThroughput');
     const simLatency = document.getElementById('simLatency');
 
-    slider.addEventListener('input', (e) => {
-      const val = parseInt(e.target.value, 10);
-      sliderVal.textContent = val;
-      const factor = val / ${config.threads || 10};
-      simThroughput.textContent = (baseThroughput * Math.min(factor, 2.5)).toFixed(0) + '/s';
-      simLatency.textContent = (baseLatency * Math.pow(factor, 0.8)).toFixed(1) + 'ms';
+    if (slider) {
+      slider.addEventListener('input', (e) => {
+        const val = parseInt(e.target.value, 10);
+        sliderVal.textContent = val;
+        const factor = val / ${config.threads || 10};
+        simThroughput.textContent = (baseThroughput * Math.min(factor, 2.5)).toFixed(0) + '/s';
+        simLatency.textContent = (baseLatency * Math.pow(factor, 0.8)).toFixed(1) + 'ms';
+      });
+    }
+
+    // Client-side NLP Parser Engine Execution Implementation
+    function executeNlpQuery(queryString) {
+      const q = queryString.toLowerCase().trim();
+      const rows = document.querySelectorAll('#telemetryTableBody tr');
+      const feedback = document.getElementById('nlpQueryFeedback');
+      
+      let filterFn = (row, data) => true;
+      const numMatch = q.match(/(d+(?:.d+)?)/);
+      const targetNum = numMatch ? parseFloat(numMatch[1]) : null;
+      
+      const isGreater = q.includes('>') || q.includes('greater') || q.includes('above') || q.includes('more');
+      const isLess = q.includes('<') || q.includes('less') || q.includes('below') || q.includes('under');
+      
+      if (q.includes('latency') || q.includes('p95') || q.includes('ms')) {
+        if (targetNum !== null) {
+          filterFn = (row, data) => isLess ? (data.p95Latency < targetNum) : (data.p95Latency > targetNum);
+        } else {
+          filterFn = (row, data) => data.p95Latency > 0;
+        }
+      } else if (q.includes('error') || q.includes('fail') || q.includes('%')) {
+        if (targetNum !== null) {
+          const searchVal = q.includes('%') ? targetNum / 100 : targetNum;
+          filterFn = (row, data) => isLess ? (data.errorRate < searchVal) : (data.errorRate > searchVal);
+        } else {
+          filterFn = (row, data) => data.errorRate > 0;
+        }
+      } else if (q.includes('concurrency') || q.includes('thread') || q.includes('vu')) {
+        if (targetNum !== null) {
+          filterFn = (row, data) => isLess ? (data.threads < targetNum) : (data.threads > targetNum);
+        }
+      }
+      
+      let matchCount = 0;
+      rows.forEach((row, idx) => {
+        const data = telemetryHistory[idx];
+        if (!data) return;
+        if (filterFn(row, data)) {
+          row.style.display = '';
+          row.style.background = q !== '' ? 'rgba(14, 165, 233, 0.15)' : '';
+          matchCount++;
+        } else {
+          row.style.display = 'none';
+        }
+      });
+      
+feedback.innerHTML = q === '' ? '' : '\u{1F50D} Match verification resolved <strong>' + matchCount + '</strong> parameters inside telemetry array.';    }
+
+    function setNlpQuery(str) {
+      const input = document.getElementById('nlpQueryInput');
+      input.value = str;
+      executeNlpQuery(str);
+    }
+
+    document.getElementById('nlpQueryBtn').addEventListener('click', () => {
+      executeNlpQuery(document.getElementById('nlpQueryInput').value);
+    });
+
+    document.getElementById('nlpQueryInput').addEventListener('keyup', (e) => {
+      if (e.key === 'Enter') executeNlpQuery(e.target.value);
     });
     
     new Chart(document.getElementById('volumeChart'), {
@@ -1131,7 +1221,7 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
       const threadStep = ${config.stepSize || 15};
       
       for (let i = 1; i <= 3; i++) {
-        extendedLabels.push(\`+\${i * 5}s (AI Forecast)\`);
+        extendedLabels.push('+' + (i * 5) + 's (AI Forecast)');
         extendedThreads.push(lastThreads + (threadStep * i));
         extendedTtf.push(null); 
         aiForecastData.push(Number((slope * (historicalCount + i - 1) + intercept).toFixed(1)));

package/package.json

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