Update app.js

app.js

@@ -67,7 +67,6 @@ const LINK_PREFIX   = config.model_link_prefix || "";
 const OPT_ORG       = config.optimized_org || "embedl";
 const CHART_CFG     = config.chart || {};
 const GROUP_BY      = CHART_CFG.group_by || config.filters[config.filters.length - 1]?.column || "";
-const SCENARIOS     = CHART_CFG.scenarios || [];
 
 function isExternalModel(model) {
     return !model.startsWith(OPT_ORG + "/");
@@ -218,8 +217,6 @@ function renderSidebar() {
     ).join("");
 }
 
-
-
 familyNav.addEventListener("click", async e => {
     const item = e.target.closest(".sidebar-item");
     if (!item) return;
@@ -269,16 +266,13 @@ function renderBtnGroup(container, items, activeValue) {
 function populateFilters() {
     renderSidebar();
 
-    const chartsShown = filters[GROUP_BY] !== "all";
-
-
     // Metric buttons
     const metricEl = document.getElementById("filter-metric");
     renderBtnGroup(metricEl,
         config.metrics.map(m => ({ value: m.column, label: m.short || m.column })),
         filters.metric
     );
-    metricEl.closest(".filter-group").style.display = (config.metrics.length <= 1 || !chartsShown) ? "none" : "";
+    metricEl.closest(".filter-group").style.display = (config.metrics.length <= 1 || filters[GROUP_BY] === "all") ? "none" : "";
 
     updateDependentFilters();
 }
@@ -512,7 +506,7 @@ function buildTables(filtered, chartsShown) {
             return 0;
         });
 
-        // Track row group index for alternating backgrounds
+        // Track row group for break detection
         let prevGroupVal = undefined;
 
         const card = document.createElement("div");
@@ -575,7 +569,7 @@ function buildTables(filtered, chartsShown) {
                     const isBest = val !== null && val !== undefined && val === bestByGroup[sg]?.[c.key];
                     const display = val === null ? '<span class="oom">OOM</span>' : (typeof val === "number" ? val.toFixed(2) : (val ?? "—"));
                     const modelColor = MODEL_COLORS[r[MODEL_COL]]?.border || '#888';
-                    html += `<td${fmCls}>${isBest ? '<strong style="color:' + "white" + '; opacity: 0.7">' + display + '</strong>' : display}</td>`;
+                    html += `<td${fmCls}>${isBest ? '<strong style="color: white; opacity: 0.7">' + display + '</strong>' : display}</td>`;
                 } else {
                     html += `<td>${val || "—"}</td>`;
                 }