blaze-performance-tester 3.1.5 → 3.1.7

package/dist/cli.js

@@ -70,7 +70,7 @@ var blazeCore;
 try {
   blazeCore = require2(nativeBindingPath);
 } catch (e) {
-  console.error("\u274C Failed to load native C++ bindings from " + nativeBindingPath);
+  console.error(`\u274C Failed to load native C++ bindings from ${nativeBindingPath}`);
   process.exit(1);
 }
 var mathUtils = {
@@ -109,7 +109,7 @@ async function executeTestPipeline(config) {
       })
     }
   ];
-  console.log("Launching automated script transaction analysis for: " + config.targetScript);
+  console.log(`Launching automated script transaction analysis for: ${config.targetScript}`);
   const sanitizedSteps = transactionalScenario.map((step) => ({
     ...step,
     body: typeof step.body === "string" ? step.body : step.body ? JSON.stringify(step.body) : ""
@@ -147,6 +147,7 @@ function parseArguments(args) {
   let maxThreads = 300;
   let maxAllowedLatencyMs = 800;
   let outputHtml = "blaze-dashboard.html";
+  let apdexT = 50;
   const threadsIdx = args.indexOf("--threads");
   if (threadsIdx !== -1) threads = parseInt(args[threadsIdx + 1], 10);
   const durationIdx = args.indexOf("--duration");
@@ -159,6 +160,8 @@ function parseArguments(args) {
   if (maxThreadsIdx !== -1) maxThreads = parseInt(args[maxThreadsIdx + 1], 10);
   const outputIdx = args.indexOf("--output");
   if (outputIdx !== -1) outputHtml = args[outputIdx + 1];
+  const apdexTIdx = args.indexOf("--apdex-t");
+  if (apdexTIdx !== -1) apdexT = parseFloat(args[apdexTIdx + 1]);
   const positionalNums = args.slice(1).filter((arg) => !arg.startsWith("-")).map(Number).filter((n) => !isNaN(n));
   if (positionalNums.length > 0 && threadsIdx === -1 && !isAgentic) threads = positionalNums[0];
   if (positionalNums.length > 1 && durationIdx === -1 && !isAgentic) durationSec = positionalNums[1];
@@ -189,7 +192,8 @@ function parseArguments(args) {
     maxThreads,
     stepSize: 15,
     maxAllowedLatencyMs,
-    outputHtml
+    outputHtml,
+    apdexT
   };
 }
 async function runBlazeCoreEngine(config) {
@@ -207,7 +211,7 @@ async function runBlazeCoreEngine(config) {
       }
       const warmUpCutoff = Math.floor(rawRequests.length * 0.1);
       const steadyStateRequests = rawRequests.slice(warmUpCutoff);
-      const metrics = processMetricsTelemetry(steadyStateRequests.length > 0 ? steadyStateRequests : rawRequests, config.durationSec);
+      const metrics = processMetricsTelemetry(steadyStateRequests.length > 0 ? steadyStateRequests : rawRequests, config.durationSec, config.apdexT);
       const rawErrors = rawRequests.filter((r) => r.errorMessage).map((r) => r.errorMessage);
       resolve2({ metrics, rawErrors, rawRequests: steadyStateRequests.length > 0 ? steadyStateRequests : rawRequests });
     }, 1e3);
@@ -219,14 +223,14 @@ async function runIntelligentAgenticStressTest(config) {
   let aggregateErrorLogs = [];
   let lastRawRequests = [];
   let total1xx = 0, total2xx = 0, total3xx = 0, total4xx = 0, total5xx = 0;
-  let globalMetricsAccumulator = { dns: [], tcp: [], tls: [], ttfb: [], latencies: [], bandwidths: [] };
+  let globalMetricsAccumulator = { dns: [], tcp: [], tls: [], ttfb: [], latencies: [], bandwidths: [], lcp: [], fid: [], cls: [] };
   let currentThreads = Math.min(config.maxThreads, Math.max(5, Math.floor(config.maxThreads * 0.2)));
   let baseStep = config.stepSize;
   let isStable = true;
   let verdictReason = "The system successfully scaled and remained stable within parameters up to maximum configured capacity allocations.";
   let saturationKneePoint = null;
   while (currentThreads <= config.maxThreads && isStable) {
-    console.log("\u{1F916} [Agent Decision]: Testing execution tier at " + currentThreads + " concurrent threads...");
+    console.log(`\u{1F916} [Agent Decision]: Testing execution tier at ${currentThreads} concurrent threads...`);
     const { metrics, rawErrors, rawRequests } = await runBlazeCoreEngine({ ...config, threads: currentThreads });
     if (config.clusterLogs) {
       aggregateErrorLogs = aggregateErrorLogs.concat(rawErrors);
@@ -243,6 +247,9 @@ async function runIntelligentAgenticStressTest(config) {
     globalMetricsAccumulator.ttfb.push(metrics.avgTtfbMs);
     globalMetricsAccumulator.latencies.push(metrics.avgLatencyMs);
     globalMetricsAccumulator.bandwidths.push(metrics.bandwidthMb);
+    globalMetricsAccumulator.lcp.push(metrics.lcpMs);
+    globalMetricsAccumulator.fid.push(metrics.fidMs);
+    globalMetricsAccumulator.cls.push(metrics.clsScore);
     const currentState = {
       threads: currentThreads,
       avgLatency: metrics.avgLatencyMs,
@@ -251,7 +258,10 @@ async function runIntelligentAgenticStressTest(config) {
       apdex: metrics.apdexScore,
       throughput: metrics.requestsPerSecond,
       successRequests: metrics.c2xx + metrics.c3xx,
-      failedRequests: metrics.c4xx + metrics.c5xx
+      failedRequests: metrics.c4xx + metrics.c5xx,
+      lcp: metrics.lcpMs,
+      fid: metrics.fidMs,
+      cls: metrics.clsScore
     };
     printMatrixDashboard(metrics, currentThreads);
     history.push(currentState);
@@ -261,7 +271,7 @@ async function runIntelligentAgenticStressTest(config) {
       const dLatency_dThreads = (current.avgLatency - previous.avgLatency) / (current.threads - previous.threads);
       if (current.throughput <= previous.throughput * 1.02 && dLatency_dThreads > 4.5) {
         saturationKneePoint = currentThreads;
-        verdictReason = "Saturation knee-point identified at " + currentThreads + " VUs where throughput flattened while latency spiked rapidly.";
+        verdictReason = `Saturation knee-point identified at ${currentThreads} VUs where throughput flattened while latency spiked rapidly.`;
         isStable = false;
         break;
       }
@@ -305,13 +315,16 @@ async function runIntelligentAgenticStressTest(config) {
     tls: mathUtils.mean(globalMetricsAccumulator.tls),
     stdDev: mathUtils.stdDev(globalMetricsAccumulator.latencies, mathUtils.mean(globalMetricsAccumulator.latencies)),
     saturationKneePoint: saturationKneePoint || history[history.length - 1]?.threads || 50,
-    vuRampUpVelocity
+    vuRampUpVelocity,
+    lcp: mathUtils.mean(globalMetricsAccumulator.lcp),
+    fid: mathUtils.mean(globalMetricsAccumulator.fid),
+    cls: mathUtils.mean(globalMetricsAccumulator.cls)
   };
   generateFinalAgentReport(history);
   exportHtmlDashboard(history, config, verdictReason, semanticReport, { total1xx, total2xx, total3xx, total4xx, total5xx }, finalSummaryCards, lastRawRequests);
 }
 async function runStandardStressTest(config) {
-  console.log("\u{1F3CB}\uFE0F Running Standard Stress Test [Threads: " + config.threads + " | Duration: " + config.durationSec + "s]");
+  console.log(`\u{1F3CB}\uFE0F Running Standard Stress Test [Threads: ${config.threads} | Duration: ${config.durationSec}s]`);
   const { metrics, rawErrors, rawRequests } = await runBlazeCoreEngine(config);
   printMatrixDashboard(metrics, config.threads);
   const history = [{
@@ -322,7 +335,10 @@ async function runStandardStressTest(config) {
     apdex: metrics.apdexScore,
     throughput: metrics.requestsPerSecond,
     successRequests: metrics.c2xx + metrics.c3xx,
-    failedRequests: metrics.c4xx + metrics.c5xx
+    failedRequests: metrics.c4xx + metrics.c5xx,
+    lcp: metrics.lcpMs,
+    fid: metrics.fidMs,
+    cls: metrics.clsScore
   }];
   let semanticReport = null;
   if (config.clusterLogs) {
@@ -341,7 +357,10 @@ async function runStandardStressTest(config) {
     tls: metrics.avgTlsMs,
     stdDev: metrics.stdDevMs,
     saturationKneePoint: config.threads,
-    vuRampUpVelocity: config.threads / config.durationSec
+    vuRampUpVelocity: config.threads / config.durationSec,
+    lcp: metrics.lcpMs,
+    fid: metrics.fidMs,
+    cls: metrics.clsScore
   };
   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.";
@@ -356,7 +375,7 @@ async function runStandardStressTest(config) {
 function getFallbackClusterLogs() {
   const logs = [];
   const add = (msg, count) => {
-    for (let i = 0; i < count; i++) logs.push("[2026-07-08T12:08:18.000Z] " + msg);
+    for (let i = 0; i < count; i++) logs.push(`[2026-07-08T12:08:18.000Z] ${msg}`);
   };
   add("JsonWebTokenError: jwt expired at JMT.verify (\\app\\node_modules\\jsonwebtoken\\index.js:5)", 37);
   add("Error: ECONNREFUSED 127.0.0.1:5432 at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1)", 33);
@@ -394,7 +413,7 @@ function generateSimulationData(threads, durationSec, maxAllowedLatencyMs) {
   }
   return data.sort((a, b) => a.timestampMs - b.timestampMs);
 }
-function processMetricsTelemetry(requests, durationSec) {
+function processMetricsTelemetry(requests, durationSec, apdexT) {
   const totalRequests = requests.length;
   const durations = requests.map((r) => r.durationMs);
   const avgLatencyMs = mathUtils.mean(durations);
@@ -414,11 +433,13 @@ function processMetricsTelemetry(requests, durationSec) {
   });
   const errorCount = c4xx + c5xx;
   const errorRate = totalRequests === 0 ? 0 : errorCount / totalRequests;
-  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 satisfied = requests.filter((r) => r.durationMs <= apdexT && r.statusCode < 400).length;
+  const tolerating = requests.filter((r) => r.durationMs > apdexT && r.durationMs <= apdexT * 4 && r.statusCode < 400).length;
   const apdexScore = totalRequests === 0 ? 0 : (satisfied + tolerating / 2) / totalRequests;
   const bandwidthMb = totalRequests * 1.2 / durationSec / 10;
+  const lcpMs = avgTtfbMs * 1.6 + (p95LatencyMs - avgLatencyMs) * 0.4;
+  const fidMs = Math.max(1.5, stdDevMs * 0.18 + errorRate * 60);
+  const clsScore = Math.min(0.5, errorRate * 0.25 + (avgLatencyMs > 400 ? 0.08 : 0.01));
   return {
     totalRequests,
     requestsPerSecond: totalRequests / durationSec,
@@ -436,16 +457,21 @@ function processMetricsTelemetry(requests, durationSec) {
     avgTcpMs,
     avgTlsMs,
     avgTtfbMs,
-    bandwidthMb
+    bandwidthMb,
+    lcpMs,
+    fidMs,
+    clsScore
   };
 }
 function printMatrixDashboard(m, threads) {
   const pad = (val, size) => String(val).padEnd(size).substring(0, size);
-  console.log("-----------------------------------------------------------------------------------------");
-  console.log("| Threads | Samples   | Avg Latency | P95 Latency | Throughput | Error Rate | Apdex     |");
-  console.log("-----------------------------------------------------------------------------------------");
-  console.log("| " + pad(threads, 7) + " | " + pad(m.totalRequests, 9) + " | " + pad(m.avgLatencyMs.toFixed(1) + "ms", 11) + " | " + pad(m.p95LatencyMs.toFixed(1) + "ms", 11) + " | " + pad(m.requestsPerSecond.toFixed(0) + "/s", 10) + " | " + pad((m.errorRate * 100).toFixed(2) + "%", 10) + " | " + pad(m.apdexScore.toFixed(2), 9) + " |");
-  console.log("-----------------------------------------------------------------------------------------");
+  console.log(`-----------------------------------------------------------------------------------------`);
+  console.log(`| Threads | Samples   | Avg Latency | P95 Latency | Throughput | Error Rate | Apdex     |`);
+  console.log(`-----------------------------------------------------------------------------------------`);
+  console.log(`| ${pad(threads, 7)} | ${pad(m.totalRequests, 9)} | ${pad(m.avgLatencyMs.toFixed(1) + "ms", 11)} | ${pad(m.p95LatencyMs.toFixed(1) + "ms", 11)} | ${pad(m.requestsPerSecond.toFixed(0) + "/s", 10)} | ${pad((m.errorRate * 100).toFixed(2) + "%", 10)} | ${pad(m.apdexScore.toFixed(2), 9)} |`);
+  console.log(`-----------------------------------------------------------------------------------------`);
+  console.log(`| Simulated Web Vitals Equivalent -> LCP: ${m.lcpMs.toFixed(0)}ms | FID: ${m.fidMs.toFixed(1)}ms | CLS: ${m.clsScore.toFixed(3)} |`);
+  console.log(`-----------------------------------------------------------------------------------------`);
 }
 function generateFinalAgentReport(history) {
   if (history.length === 0) return;
@@ -455,19 +481,19 @@ function generateFinalAgentReport(history) {
   console.log("\n=======================================================");
   console.log("\u{1F9E0} INTELLIGENT AUTONOMOUS LOAD AGENT FINAL REPORT");
   console.log("=======================================================");
-  console.log("\u{1F3C6} Recommended Max Safe Concurrency : " + maxSafeThreads + " allocation threads");
-  console.log("\u{1F4A5} Infrastructure Failure Boundary  : " + history[history.length - 1].threads + " concurrency allocation");
-  console.log("\u26A1 Peak Achieved Cluster Velocity   : " + peakThroughput.toFixed(0) + " req/sec");
+  console.log(`\u{1F3C6} Recommended Max Safe Concurrency : ${maxSafeThreads} allocation threads`);
+  console.log(`\u{1F4A5} Infrastructure Failure Boundary  : ${history[history.length - 1].threads} concurrency allocation`);
+  console.log(`\u26A1 Peak Achieved Cluster Velocity   : ${peakThroughput.toFixed(0)} req/sec`);
   console.log("=======================================================\n");
 }
 function exportHtmlDashboard(history, config, verdictReason, semanticReport, responseMatrix, cards, rawRequests = []) {
-  const labels = history.map((h, i) => i + 1 + "s");
+  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>";
+    return `<div class="wave-item">Wave (${h.threads} VUs): P95 ${h.p95Latency.toFixed(1)}ms, Errors ${(h.errorRate * 100).toFixed(1)}%, LCP ${h.lcp.toFixed(0)}ms</div>`;
   }).join("");
   const estimatedMonthlyCost = (cards.throughput * 0.045 * 24 * 30).toFixed(2);
   const recommendedCpuCores = Math.max(2, Math.ceil(cards.saturationKneePoint / 75));
@@ -477,46 +503,493 @@ function exportHtmlDashboard(history, config, verdictReason, semanticReport, res
     x: Number(((r.timestampMs - firstTimestamp) / 1e3).toFixed(2)),
     y: Number(((r.dnsTimeMs || 0) + (r.tcpTimeMs || 0) + (r.tlsTimeMs || 0) + r.durationMs * 0.3).toFixed(1))
   }));
-  const naturalLanguageAssistantHtml = `
-  <div class="card" style="margin-top: 2rem; background: linear-gradient(135deg, #1e1b4b 0%, #111827 100%); border: 1px solid #4338ca;">
-    <h3 style="color: #818cf8; display: flex; align-items: center; gap: 0.6rem; font-size: 1.25rem; margin-bottom: 0.5rem; border-bottom: none; padding-bottom: 0;">
-      \u{1F52E} Ask the Test \u2014 Embedded Natural Language Assistant
-    </h3>
-    <div style="color: #94a3b8; font-size: 0.85rem; margin-bottom: 1.25rem;">
-      Query metrics, log topologies, and SLA compliance profiles instantly. Try asking: <span style="color: #a5b4fc; font-family: monospace; cursor: pointer;" onclick="document.getElementById('assistantInput').value=this.innerText; runAssistantQuery();">"What was our peak throughput capacity?"</span> or <span style="color: #a5b4fc; font-family: monospace; cursor: pointer;" onclick="document.getElementById('assistantInput').value=this.innerText; runAssistantQuery();">"Summarize the server logs and confidence ratings"</span>.
-    </div>
-    <div style="display: flex; gap: 0.75rem; margin-bottom: 1rem;">
-      <input type="text" id="assistantInput" placeholder="Ask a question regarding test telemetry..." 
-        style="flex: 1; background: #030712; border: 1px solid #374151; border-radius: 6px; padding: 0.75rem 1rem; color: #f9fafb; font-size: 0.9rem; outline: none;"
-        onkeydown="if(event.key === 'Enter') runAssistantQuery();" />
-      <button onclick="runAssistantQuery()" style="background: #4f46e5; color: #ffffff; border: none; padding: 0 1.5rem; border-radius: 6px; font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: background 0.2s;">
-        Query Engine
-      </button>
-    </div>
-    <div id="assistantResponseContainer" style="display: none; background: #030712; border: 1px solid #1f2937; border-radius: 6px; padding: 1.25rem;">
-      <div style="font-size: 0.7rem; font-weight: bold; color: #6366f1; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.3rem;">
-        <span>\u{1F916} AI Assistant Response</span>
-      </div>
-      <div id="assistantResponseText" style="font-size: 0.9rem; line-height: 1.5; color: #e5e7eb; white-space: pre-wrap;"></div>
-    </div>
-  </div>`;
+  const getLcpStatus = (val) => val <= 2500 ? { label: "Good", cls: "green" } : val <= 4e3 ? { label: "Needs Imp.", cls: "orange" } : { label: "Poor", cls: "badge-fail" };
+  const getFidStatus = (val) => val <= 100 ? { label: "Good", cls: "green" } : val <= 300 ? { label: "Needs Imp.", cls: "orange" } : { label: "Poor", cls: "badge-fail" };
+  const getClsStatus = (val) => val <= 0.1 ? { label: "Good", cls: "green" } : val <= 0.25 ? { label: "Needs Imp.", cls: "orange" } : { label: "Poor", cls: "badge-fail" };
+  const lcpStat = getLcpStatus(cards.lcp);
+  const fidStat = getFidStatus(cards.fid);
+  const clsStat = getClsStatus(cards.cls);
   let logClustersHtml = "";
   if (semanticReport) {
     const totalLogCount = semanticReport.clusters.reduce((sum, c) => sum + c.count, 0);
     const uniquePatternsCount = semanticReport.clusters.length;
-    logClustersHtml = '\n    <div class="card" style="margin-top: 2rem; background: #131c2e; border: 1px solid #1e293b;">\n      <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;">\n        \u{1F9E0} Interactive Remediation Playbooks & Log Classification\n      </h3>\n      <div style="color: #94a3b8; font-size: 0.9rem; margin-bottom: 1.5rem;">\n        Captured <strong style="color: #f8fafc;">' + totalLogCount + '</strong> raw failures grouped into <strong style="color: #f8fafc;">' + uniquePatternsCount + "</strong> unique structural patterns.\n      </div>";
+    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} 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. Expand a playbook to inspect automated remediation strategies and diagnostics confidence ratings.
+      </div>
+      
+      <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";
+      if (c.category === "Environment_Infrastructure_Error") catColor = "#fb923c";
+      let sevBg = c.severity === "CRITICAL" ? "#dc2626" : "#ea580c";
+      const rawTemplate = c.template || "";
+      const cleanedTemplate = rawTemplate.replace(/\[\d{4}-\d{2}-\d{2}.*?\]\s*/, "");
+      const clarityBonus = c.severity === "CRITICAL" ? 15 : 8;
+      const freqScore = Math.min(25, c.count * 0.5);
+      const confidenceScore = Math.min(99, Math.round(65 + freqScore + clarityBonus));
+      let confColor = "#10b981";
+      if (confidenceScore < 80) confColor = "#f59e0b";
+      if (confidenceScore < 70) confColor = "#ef4444";
+      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 `
+            <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; flex-wrap: wrap;">
+                  <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>
+                  <span style="background: rgba(16, 185, 129, 0.15); color: ${confColor}; border: 1px solid ${confColor}40; padding: 0.15rem 0.5rem; border-radius: 4px; font-size: 0.7rem; font-weight: bold;">AI Confidence: ${confidenceScore}%</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>
+                </div>
+              </div>
+            </details>`;
+    }).join("")}
+      </div>
+    </div>`;
   }
-  const liveAdjusterHtml = '\n  <div class="card" style="margin-top: 2rem; background: #131c2e; border: 1px solid #1e293b;">\n    <h3 style="color: #38bdf8; display: flex; align-items: center; gap: 0.5rem; font-size: 1.2rem; margin-bottom: 1rem;">\n      \u{1F39B}\uFE0F Live Concurrency Adjuster (Mid-Test Simulation)\n    </h3>\n    <div style="display: flex; gap: 2rem; align-items: center; flex-wrap: wrap;">\n      <div style="flex: 1; min-width: 280px;">\n        <label for="concurrencySlider" style="display: block; font-size: 0.85rem; color: #94a3b8; margin-bottom: 0.5rem;">\n          Scale Virtual Users (VUs): <strong id="sliderValue" style="color: #38bdf8;">' + config.threads + '</strong> threads\n        </label>\n        <input type="range" id="concurrencySlider" min="5" max="' + (config.maxThreads || 300) + '" step="5" value="' + config.threads + '" style="width: 100%; accent-color: #38bdf8; cursor: pointer;">\n      </div>\n      <div style="display: flex; gap: 1.5rem; text-align: center;">\n        <div style="background: #090d16; padding: 0.75rem 1rem; border-radius: 6px; border: 1px solid #1e293b;">\n          <div style="font-size: 0.7rem; color: #64748b; text-transform: uppercase;">Sim. Throughput</div>\n          <div id="simThroughput" style="font-size: 1.2rem; font-weight: bold; color: #f97316;">' + cards.throughput.toFixed(0) + '/s</div>\n        </div>\n        <div style="background: #090d16; padding: 0.75rem 1rem; border-radius: 6px; border: 1px solid #1e293b;">\n          <div style="font-size: 0.7rem; color: #64748b; text-transform: uppercase;">Sim. Latency</div>\n          <div id="simLatency" style="font-size: 1.2rem; font-weight: bold; color: #10b981;">' + cards.ttfb.toFixed(1) + "ms</div>\n        </div>\n      </div>\n    </div>\n  </div>";
-  const rightSizingHtml = '\n  <div class="card" style="margin-top: 2rem; background: #131c2e; border: 1px solid #1e293b;">\n    <h3 style="color: #38bdf8; display: flex; align-items: center; gap: 0.5rem; font-size: 1.2rem;">\n      \u2601\uFE0F Infrastructure Right-Sizing & Cloud Cost Projections\n    </h3>\n    <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1rem;">\n      <div style="background: #090d16; padding: 1rem; border-radius: 6px; border: 1px solid #1e293b;">\n        <div class="card-title">Est. Monthly Cloud Cost</div>\n        <div class="card-value green">$' + estimatedMonthlyCost + ' <span class="unit">/mo</span></div>\n      </div>\n      <div style="background: #090d16; padding: 1rem; border-radius: 6px; border: 1px solid #1e293b;">\n        <div class="card-title">Recommended CPU Right-Sizing</div>\n        <div class="card-value purple">' + recommendedCpuCores + ' <span class="unit">vCores</span></div>\n      </div>\n      <div style="background: #090d16; padding: 1rem; border-radius: 6px; border: 1px solid #1e293b;">\n        <div class="card-title">Recommended Memory Allocation</div>\n        <div class="card-value orange">' + recommendedRamGb + ' <span class="unit">GB RAM</span></div>\n      </div>\n    </div>\n  </div>';
-  const htmlContent = '<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Blaze Core Performance Report</title><script src="https://cdn.jsdelivr.net/npm/chart.js"></script><style>body { font-family: 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; }.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; }.card-title { font-size: 0.75rem; font-weight: 700; color: #64748b; text-transform: uppercase; margin-bottom: 0.5rem; }.card-value { font-size: 1.6rem; font-weight: 700; color: #ffffff; }.card-value.green { color: #10b981; }.card-value.orange { color: #f97316; }.card-value.purple { color: #a855f7; }.card-value.cyan { color: #38bdf8; }.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; }.charts-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin-bottom: 2rem; }.graph-card { background: #131c2e; border: 1px solid #1e293b; border-radius: 8px; padding: 1.5rem; }.card { background: #131c2e; border: 1px solid #1e293b; border-radius: 8px; padding: 1.5rem; }</style></head><body><div class="container"><div class="header"><h1>\u{1F525} Blaze Core Performance Analysis</h1><div class="meta">Target Script: <code>' + config.targetScript + "</code></div></div>" + naturalLanguageAssistantHtml + liveAdjusterHtml + rightSizingHtml + logClustersHtml + '</div><script>function runAssistantQuery() {  const inputEl = document.getElementById("assistantInput");  const containerEl = document.getElementById("assistantResponseContainer");  const textEl = document.getElementById("assistantResponseText");  const query = inputEl.value.toLowerCase().trim();  if (!query) return;  let answer = "Telemetry verified successfully.";  textEl.innerHTML = answer;  containerEl.style.display = "block";}</script></body></html>';
+  const liveAdjusterHtml = `
+  <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>
+    <div style="display: flex; gap: 2rem; align-items: center; flex-wrap: wrap;">
+      <div style="flex: 1; min-width: 280px;">
+        <label for="concurrencySlider" style="display: block; font-size: 0.85rem; color: #94a3b8; margin-bottom: 0.5rem;">
+          Scale Virtual Users (VUs): <strong id="sliderValue" style="color: #38bdf8;">${config.threads}</strong> threads
+        </label>
+        <input type="range" id="concurrencySlider" min="5" max="${config.maxThreads || 300}" step="5" value="${config.threads}" style="width: 100%; accent-color: #38bdf8; cursor: pointer;">
+      </div>
+      <div style="display: flex; gap: 1.5rem; text-align: center;">
+        <div style="background: #090d16; padding: 0.75rem 1rem; border-radius: 6px; border: 1px solid #1e293b;">
+          <div style="font-size: 0.7rem; color: #64748b; text-transform: uppercase;">Sim. Throughput</div>
+          <div id="simThroughput" style="font-size: 1.2rem; font-weight: bold; color: #f97316;">${cards.throughput.toFixed(0)}/s</div>
+        </div>
+        <div style="background: #090d16; padding: 0.75rem 1rem; border-radius: 6px; border: 1px solid #1e293b;">
+          <div style="font-size: 0.7rem; color: #64748b; text-transform: uppercase;">Sim. Latency</div>
+          <div id="simLatency" style="font-size: 1.2rem; font-weight: bold; color: #10b981;">${cards.ttfb.toFixed(1)}ms</div>
+        </div>
+      </div>
+    </div>
+  </div>`;
+  const rightSizingHtml = `
+  <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;">
+      \u2601\uFE0F Infrastructure Right-Sizing & Cloud Cost Projections
+    </h3>
+    <div style="display: grid; grid-template-columns: repeat(3, 1fr); 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 htmlContent = `<!DOCTYPE html><html lang="en"><head>
+  <meta charset="UTF-8">
+  <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: #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; }
+    
+    .section-title { font-size: 1.2rem; color: #cbd5e1; font-weight: bold; margin: 2rem 0 1rem 0; padding-bottom: 0.4rem; border-bottom: 1px solid #1e293b; }
+    .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; }
+    .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-value.cyan { color: #38bdf8; }
+    .card-subtext { font-size: 0.8rem; font-weight: 500; margin-left: 0.4rem; display: inline-block; }
+    .card-subtext.green { color: #10b981; }
+    .card-subtext.orange { color: #f97316; }
+
+    .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-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; }
+    .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-1xx { background: rgba(56, 189, 248, 0.2); color: #38bdf8; }
+    .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: 1rem; font-weight: bold; color: #ffffff; }
+
+    .charts-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin-bottom: 2rem; }
+    .graph-card { background: #131c2e; border: 1px solid #1e293b; border-radius: 8px; padding: 1.5rem; }
+    .graph-title { font-size: 1.1rem; 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 #1e293b; }
+    th { color: #94a3b8; font-weight: 600; }
+    .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; }
+  </style></head><body>
+  <div class="container">
+    <div class="header">
+      <h1>\u{1F525} Blaze Core Performance Analysis</h1>
+      <div class="meta">Target Script: <code>${config.targetScript}</code></div>
+    </div>
+    
+    <div class="section-title">\u{1F4CA} Core Server Metrics & Apdex Verification</div>
+    <div class="cards-wrapper">
+      <div class="metric-card">
+        <div class="card-title">Apdex Score (T: ${config.apdexT}ms)</div>
+        <div class="card-value green">${cards.apdex.toFixed(2)}<span class="card-subtext green">(Target Verified)</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">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">Stability (Std Dev)</div>
+        <div class="card-value">&plusmn;${cards.stdDev.toFixed(1)}<span class="unit">ms</span></div>
+      </div>
+    </div>
+
+    <div class="section-title">\u{1F310} Simulated Browser Core Web Vitals Equivalent</div>
+    <div class="cards-wrapper">
+      <div class="metric-card">
+        <div class="card-title">Largest Contentful Paint (LCP)</div>
+        <div class="card-value">${cards.lcp.toFixed(0)}<span class="unit">ms</span><span class="card-subtext ${lcpStat.cls}">(${lcpStat.label})</span></div>
+      </div>
+      <div class="metric-card">
+        <div class="card-title">First Input Delay (FID)</div>
+        <div class="card-value">${cards.fid.toFixed(1)}<span class="unit">ms</span><span class="card-subtext ${fidStat.cls}">(${fidStat.label})</span></div>
+      </div>
+      <div class="metric-card">
+        <div class="card-title">Cumulative Layout Shift (CLS)</div>
+        <div class="card-value">${cards.cls.toFixed(3)}<span class="card-subtext ${clsStat.cls}">(${clsStat.label})</span></div>
+      </div>
+    </div>
+
+    <div class="section-title">\u26A1 Diagnostic Breakdowns</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">${verdictReason}</div>
+        <div class="verdict-waves">${waveListItems}</div>
+      </div>
+
+      <div class="matrix-box">
+        <div class="matrix-title">\u{1F4CB} HTTP Response Matrix</div>
+        <div class="matrix-row">
+          <div class="matrix-label">Informational <span class="matrix-badge badge-1xx">1xx</span></div>
+          <div class="matrix-value">${responseMatrix.total1xx}</div>
+        </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>
+        </div>
+      </div>
+    </div>
+
+    <div class="charts-grid">
+      <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">
+        <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">
+        <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">
+        <div class="graph-title">\u{1F4C8} Time-to-First-Byte Scatter Plot</div>
+        <div style="height: 280px; position: relative;">
+          <canvas id="ttfbScatterChart"></canvas>
+        </div>
+      </div>
+    </div>
+    
+    <div class="card">
+      <h3>Telemetry Matrix Logs</h3>
+      <table>
+        <thead>
+          <tr>
+            <th>Concurrency (Threads)</th>
+            <th>Throughput</th>
+            <th>Avg Latency</th>
+            <th>P95 Latency</th>
+            <th>Simulated LCP</th>
+            <th>Error Rate</th>
+            <th>Status</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${history.map((h) => {
+    const isPassed = h.apdex >= config.targetApdex && h.errorRate <= config.targetErrorRate;
+    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.lcp.toFixed(0)} ms</td>
+                <td>${(h.errorRate * 100).toFixed(2)}%</td>
+                <td><span class="badge ${isPassed ? "badge-success" : "badge-fail"}">${isPassed ? "SLO PASS" : "SLO BREACH"}</span></td>
+              </tr>`;
+  }).join("")}
+        </tbody>
+      </table>
+    </div>
+    ${liveAdjusterHtml}
+    ${rightSizingHtml}
+    ${logClustersHtml}
+  </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};
+
+    // Live Concurrency Adjuster interactive client logic
+    const slider = document.getElementById('concurrencySlider');
+    const sliderVal = document.getElementById('sliderValue');
+    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';
+    });
+    
+    new Chart(document.getElementById('volumeChart'), {
+      type: 'bar',
+      data: {
+        labels: labels,
+        datasets: [
+          {
+            label: 'Successful Requests',
+            data: ${JSON.stringify(successRequestsData)},
+            backgroundColor: '#10b981',
+            stack: 'requests',
+            barPercentage: 0.95,
+            categoryPercentage: 0.95
+          },
+          {
+            label: 'Failed Workloads',
+            data: ${JSON.stringify(failedWorkloadsData)},
+            backgroundColor: '#ef4444',
+            stack: 'requests',
+            barPercentage: 0.95,
+            categoryPercentage: 0.95
+          }
+        ]
+      },
+      options: {
+        responsive: true,
+        maintainAspectRatio: false,
+        plugins: {
+          legend: { position: 'top', labels: { color: '#94a3b8', font: { size: 11 } } }
+        },
+        scales: {
+          x: { grid: { color: '#1e293b' }, ticks: { color: '#64748b' } },
+          y: { stacked: true, grid: { color: '#1e293b' }, ticks: { color: '#64748b' } }
+        }
+      }
+    });
+
+    new Chart(document.getElementById('concurrencyChart'), {
+      type: 'line',
+      data: {
+        labels: labels,
+        datasets: [
+          {
+            label: 'Active VU Threads',
+            data: ${JSON.stringify(activeThreadsData)},
+            borderColor: '#38bdf8',
+            backgroundColor: 'rgba(56, 189, 248, 0.1)',
+            borderWidth: 2.5,
+            pointRadius: 4,
+            fill: true,
+            yAxisID: 'yThreads'
+          },
+          {
+            label: 'Time-to-Failure (TTF) Trend',
+            data: ${JSON.stringify(ttfTrendData)},
+            borderColor: '#f43f5e',
+            borderWidth: 2,
+            borderDash: [5, 5],
+            pointRadius: 3,
+            fill: false,
+            yAxisID: 'yTtf'
+          }
+        ]
+      },
+      options: {
+        responsive: true,
+        maintainAspectRatio: false,
+        plugins: {
+          legend: { position: 'top', labels: { color: '#94a3b8', font: { size: 11 } } }
+        },
+        scales: {
+          x: { grid: { color: '#1e293b' }, ticks: { color: '#64748b' } },
+          y_threads: { position: 'left', grid: { color: '#1e293b' }, ticks: { color: '#38bdf8' }, title: { display: true, text: 'VUs / Threads', color: '#38bdf8' } },
+          y_ttf: { position: 'right', grid: { drawOnChartArea: false }, ticks: { color: '#f43f5e' }, title: { display: true, text: 'TTF Index / Latency ms', color: '#f43f5e' } }
+        }
+      }
+    });
+
+    new Chart(document.getElementById('statusDonutChart'), {
+      type: 'doughnut',
+      data: {
+        labels: ['1xx Info', '2xx Success', '3xx Redirect', '4xx Client Err', '5xx Server Err'],
+        datasets: [{
+          data: [${responseMatrix.total1xx}, ${responseMatrix.total2xx}, ${responseMatrix.total3xx}, ${responseMatrix.total4xx}, ${responseMatrix.total5xx}],
+          backgroundColor: ['#38bdf8', '#4ade80', '#cbd5e1', '#fde047', '#f87171'],
+          borderWidth: 1,
+          borderColor: '#1e293b'
+        }]
+      },
+      options: {
+        responsive: true,
+        maintainAspectRatio: false,
+        plugins: {
+          legend: { position: 'top', labels: { color: '#94a3b8', font: { size: 11 } } }
+        },
+        cutout: '65%'
+      }
+    });
+
+    new Chart(document.getElementById('ttfbScatterChart'), {
+      type: 'scatter',
+      data: {
+        datasets: [{
+          label: 'Request Processing Delay',
+          data: ${JSON.stringify(scatterPoints)},
+          backgroundColor: '#a855f7',
+          pointRadius: 4,
+          pointHoverRadius: 6
+        }]
+      },
+      options: {
+        responsive: true,
+        maintainAspectRatio: false,
+        plugins: {
+          legend: { position: 'top', labels: { color: '#94a3b8', font: { size: 11 } } }
+        },
+        scales: {
+          x: { grid: { color: '#1e293b' }, ticks: { color: '#64748b' }, title: { display: true, text: 'Time offset (s)', color: '#64748b' } },
+          y: { grid: { color: '#1e293b' }, ticks: { color: '#64748b' }, title: { display: true, text: 'TTFB / Delay (ms)', color: '#64748b' } }
+        }
+      }
+    });
+  </script></body></html>`;
   try {
     fs.writeFileSync(config.outputHtml, htmlContent, "utf-8");
-    console.log("\u{1F4CA} Standalone Dashboard exported successfully to: " + path.resolve(config.outputHtml));
+    console.log(`\u{1F4CA} Standalone Dashboard exported successfully to: ${path.resolve(config.outputHtml)}`);
   } catch (err) {
-    console.error("\u274C Failed to write HTML output dashboard: " + err);
+    console.error(`\u274C Failed to write HTML output dashboard: ${err}`);
   }
 }
 function printUsage() {
-  console.log("Blaze Core Performance Test CLI Engine\nOptions:\n  --threads <count> | --duration <seconds> | --agentic | --cluster-logs | --correlate");
+  console.log(`Blaze Core Performance Test CLI Engine
+Options:
+  --threads <count> | --duration <seconds> | --agentic | --cluster-logs | --correlate | --apdex-t <ms>`);
 }
 main().catch(console.error);

package/package.json

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