Refine OFDMA Pre-EQ chart titles and order

- move Estimated Frequency Response chart above Pre-EQ Magnitude Response
- remove from Chan Est wording from the Estimated Frequency Response title
- remove Overlay Current vs Last Update wording from the Pre-EQ Magnitude Response title
- regenerate visual preview and docs page for Ofdma-PreEq-GetCapture - 2026-02-28 10:43:19

Author: mgarcia01752

CODING_AGENTS.md

@@ -79,6 +79,8 @@
 - Warning = yellow
 - OK = green
 - NOK = red
+- In dark mode, all chart x/y axis labels, axis titles, and tick text must be white.
+- In light mode, all chart x/y axis labels, axis titles, and tick text must be dark (near-black/navy) for contrast.
 - Regression / trend / fitted reference lines must use a high-contrast color distinct from waveform traces (prefer dashed).
 - Default regression/reference line color: white.
 - If white reduces readability against the chart/waveform palette, use a dark red contrast line (for example `#c62828`) or another clearly contrasting color and document the choice in the visual remarks.

docs/visual-previews/PyPNM-CMTS/ServingGroup/Downstream/ChannelEstCoeff/Results/basic.html

@@ -318,9 +318,12 @@ const template = `
   const root = document.getElementById('channelsRoot');
   if (!root || !Array.isArray(serviceGroups)) return;
   const palette=['#3b82f6','#16a34a','#ef4444','#f59e0b','#06b6d4','#a855f7','#eab308','#f97316','#22c55e','#ec4899'];
+  const darkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+  const axisText = darkMode ? '#eaf0ff' : '#132038';
+  const gridColor = darkMode ? 'rgba(255,255,255,0.08)' : 'rgba(15,23,42,0.08)';
   function createLineChart(canvas,datasets,titleText,xTitle,yTitle){
     if(!canvas||!window.Chart||!datasets||!datasets.length) return null;
-    return new Chart(canvas,{type:'line',data:{datasets},options:{responsive:true,maintainAspectRatio:false,interaction:{mode:'nearest',intersect:false},plugins:{legend:{display:false},title:titleText?{display:true,text:titleText}:{display:false},tooltip:{callbacks:{title:(items)=>items.length?(xTitle==='MHz'?(String(Math.round(items[0].parsed.x))+' MHz'):('Index '+items[0].parsed.x)):'' ,label:(ctx)=>(String(ctx.dataset.label)+': '+ctx.parsed.y.toFixed(2))}}},scales:{x:{type:'linear',title:{display:true,text:xTitle},ticks:{callback:(v)=>xTitle==='MHz'?String(Math.round(v)):String(v)}},y:{title:{display:true,text:yTitle}}}}});
+    return new Chart(canvas,{type:'line',data:{datasets},options:{responsive:true,maintainAspectRatio:false,interaction:{mode:'nearest',intersect:false},plugins:{legend:{display:false},title:titleText?{display:true,text:titleText,color:axisText}:{display:false},tooltip:{callbacks:{title:(items)=>items.length?(xTitle==='MHz'?(String(Math.round(items[0].parsed.x))+' MHz'):('Index '+items[0].parsed.x)):'' ,label:(ctx)=>(String(ctx.dataset.label)+': '+ctx.parsed.y.toFixed(2))}}},scales:{x:{type:'linear',title:{display:true,text:xTitle,color:axisText},ticks:{callback:(v)=>xTitle==='MHz'?String(Math.round(v)):String(v),color:axisText},grid:{color:gridColor}},y:{title:{display:true,text:yTitle,color:axisText},ticks:{color:axisText},grid:{color:gridColor}}}}});
   }
   serviceGroups.forEach((sg)=>{
     const sgCard=document.createElement('section'); sgCard.className='channel-card';

docs/visual-previews/PyPNM-CMTS/ServingGroup/Downstream/FecSummary/Results/basic.html

@@ -306,6 +306,9 @@ const template = `
   const root = document.getElementById('channelsRoot');
   if (!root || !Array.isArray(serviceGroups)) return;
   const palette=['#3b82f6','#16a34a','#ef4444','#f59e0b','#06b6d4','#a855f7','#eab308','#f97316','#22c55e','#ec4899','#0ea5e9','#84cc16'];
+  const darkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+  const axisText = darkMode ? '#eaf0ff' : '#132038';
+  const gridColor = darkMode ? 'rgba(255,255,255,0.08)' : 'rgba(15,23,42,0.08)';
   function fmtCompactLocal(v){
     const x = Number(v);
     if (!Number.isFinite(x)) return 'N/A';
@@ -317,7 +320,7 @@ const template = `
 
   function createLineChart(canvas,datasets,titleText,xTitle,yTitle){
     if(!canvas||!window.Chart||!datasets||!datasets.length) return null;
-    return new Chart(canvas,{type:'line',data:{datasets},options:{responsive:true,maintainAspectRatio:false,interaction:{mode:'nearest',intersect:false},plugins:{legend:{display:false},title:titleText?{display:true,text:titleText}:{display:false},tooltip:{callbacks:{title:(items)=>items.length?('Time '+new Date(items[0].parsed.x*1000).toISOString().replace('T',' ').replace('.000Z',' UTC')):'',label:(ctx)=>(String(ctx.dataset.label)+': '+Math.round(ctx.parsed.y))}}},scales:{x:{type:'linear',title:{display:true,text:xTitle},ticks:{callback:(v)=>{const d=new Date(v*1000);return isNaN(d.getTime())?String(v):d.toISOString().slice(11,19);}}},y:{title:{display:true,text:yTitle},beginAtZero:true}}}});
+    return new Chart(canvas,{type:'line',data:{datasets},options:{responsive:true,maintainAspectRatio:false,interaction:{mode:'nearest',intersect:false},plugins:{legend:{display:false},title:titleText?{display:true,text:titleText,color:axisText}:{display:false},tooltip:{callbacks:{title:(items)=>items.length?('Time '+new Date(items[0].parsed.x*1000).toISOString().replace('T',' ').replace('.000Z',' UTC')):'',label:(ctx)=>(String(ctx.dataset.label)+': '+Math.round(ctx.parsed.y))}}},scales:{x:{type:'linear',title:{display:true,text:xTitle,color:axisText},ticks:{callback:(v)=>{const d=new Date(v*1000);return isNaN(d.getTime())?String(v):d.toISOString().slice(11,19);},color:axisText},grid:{color:gridColor}},y:{title:{display:true,text:yTitle,color:axisText},ticks:{color:axisText},grid:{color:gridColor},beginAtZero:true}}}});
   }
   function setVisibleYRange(chart){
     if(!chart || !chart.data || !Array.isArray(chart.data.datasets)) return;

docs/visual-previews/PyPNM-CMTS/ServingGroup/Downstream/RxMER/Results/basic.html

@@ -376,6 +376,9 @@ const template = `
   if (!root || !Array.isArray(serviceGroups)) return;
 
   const palette = ['#3b82f6', '#16a34a', '#ef4444', '#f59e0b', '#06b6d4', '#a855f7', '#eab308', '#f97316', '#22c55e', '#ec4899'];
+  const darkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+  const axisText = darkMode ? '#eaf0ff' : '#132038';
+  const gridColor = darkMode ? 'rgba(255,255,255,0.08)' : 'rgba(15,23,42,0.08)';
 
   function createLineChart(canvas, datasets, titleText) {
     if (!canvas || !window.Chart || !datasets || !datasets.length) return;
@@ -388,7 +391,7 @@ const template = `
         interaction: { mode: 'nearest', intersect: false },
         plugins: {
           legend: { display: false },
-          title: titleText ? { display: true, text: titleText } : { display: false },
+          title: titleText ? { display: true, text: titleText, color: axisText } : { display: false },
           tooltip: {
             callbacks: {
               title: (items) => items.length ? (String(Math.round(items[0].parsed.x)) + ' MHz') : '',
@@ -399,11 +402,14 @@ const template = `
         scales: {
           x: {
             type: 'linear',
-            title: { display: true, text: 'MHz' },
-            ticks: { callback: (v) => String(Math.round(v)) }
+            title: { display: true, text: 'MHz', color: axisText },
+            ticks: { callback: (v) => String(Math.round(v)), color: axisText },
+            grid: { color: gridColor }
           },
           y: {
-            title: { display: true, text: 'RxMER (dB)' }
+            title: { display: true, text: 'RxMER (dB)', color: axisText },
+            ticks: { color: axisText },
+            grid: { color: gridColor }
           }
         }
       }