Fix all sidebar filters and add live Rescue score reweighting

assets/app.js

@@ -34,6 +34,10 @@ const STAGES = [
 
 let DATA = {};
 let activeTab = 0;
+const DEFAULT_WEIGHTS = {
+  Bmut: 0.22, Sselectivity: 0.18, MDstability: 0.16,
+  Frescue: 0.14, ADMET: 0.12, Evidence: 0.10, Risk: 0.08,
+};
 const layoutBase = {
   font: { color: "#111827", family: "Inter, Arial, sans-serif", size: 12 },
   paper_bgcolor: "white",
@@ -91,6 +95,42 @@ function filteredVariants() {
   );
 }
 
+function weights() {
+  const out = {};
+  Object.keys(DEFAULT_WEIGHTS).forEach((key) => {
+    out[key] = num(document.getElementById(`w_${key}`).value);
+  });
+  return out;
+}
+
+function rescore(rows) {
+  const w = weights();
+  const rescored = rows.map((r) => {
+    const score = Math.max(0, Math.min(1,
+      w.Bmut * num(r.Bmut)
+      + w.Sselectivity * num(r.Sselectivity)
+      + w.MDstability * num(r.MDstability)
+      + w.Frescue * num(r.Frescue)
+      + w.ADMET * num(r.ADMET)
+      + w.Evidence * num(r.Evidence)
+      - w.Risk * num(r.Risk)
+    ));
+    const recommendation = r.admet_flag === "Severe liability"
+      ? "No-go"
+      : (score >= 0.74 && num(r.confidence) >= 0.68 ? "Go" : (score >= 0.58 ? "Hold" : "No-go"));
+    return { ...r, rescue_score: +score.toFixed(3), recommendation };
+  });
+  rescored.sort((a, b) => b.rescue_score - a.rescue_score);
+  return rescored.map((r, i) => ({ ...r, rank: i + 1 }));
+}
+
+function syncVariantOptions() {
+  const allowed = uniq(filteredVariants(), "hgvs_p");
+  const current = currentVariant();
+  fillSelect("variantSelect", allowed, allowed.includes("p.Y220C") ? "p.Y220C" : allowed[0]);
+  if (allowed.includes(current)) document.getElementById("variantSelect").value = current;
+}
+
 function plot(id, traces, extra = {}) {
   Plotly.react(id, traces, { ...layoutBase, ...extra }, { responsive: true, displayModeBar: false });
 }
@@ -100,16 +140,16 @@ function render() {
   const variants = DATA.variants;
   const vf = filteredVariants();
   const varRow = variants.find((r) => r.hgvs_p === v) || variants[0];
-  const rankSel = DATA.rankings.filter((r) => r.variant === v).sort((a, b) => num(a.rank) - num(b.rank));
+  const rankSel = rescore(DATA.rankings.filter((r) => r.variant === v));
   const top1 = rankSel[0];
   const structSel = DATA.structures.filter((r) => r.variant === v);
   const pocketSel = DATA.pockets.filter((r) => r.variant === v);
   const content = document.getElementById("content");
 
   const views = [
-    () => overview(variants, varRow, top1, v),
+    () => overview(vf, varRow, top1, v),
     () => qcTab(variants, vf),
-    () => routingTab(variants),
+    () => routingTab(vf),
     () => structureTab(varRow, structSel, v),
     () => pocketTab(pocketSel, v),
     () => libraryTab(v),
@@ -126,6 +166,9 @@ function render() {
 }
 
 function overview(variants, varRow, top1, v) {
+  const allowed = new Set(variants.map((r) => r.hgvs_p));
+  const docked = DATA.docking.filter((r) => allowed.has(r.variant));
+  const mdRows = DATA.md.filter((r) => allowed.has(r.variant));
   return `
     <h2 class="section">Project snapshot — lung cancer TP53 panel</h2>
     <div class="metrics">
@@ -133,8 +176,8 @@ function overview(variants, varRow, top1, v) {
       ${metric("Unique HGVS", uniq(variants, "hgvs_p").length)}
       ${metric("QC flags", variants.filter((r) => r.qc_status === "Flagged").length)}
       ${metric("Library size", DATA.compounds.length.toLocaleString())}
-      ${metric("Docked pairs", DATA.docking.length.toLocaleString())}
-      ${metric("MD replicas", DATA.md.length.toLocaleString())}
+      ${metric("Docked pairs", docked.length.toLocaleString())}
+      ${metric("MD replicas", mdRows.length.toLocaleString())}
     </div>
     <h2 class="section">Focus variant</h2>
     <div class="metrics">
@@ -451,30 +494,30 @@ function counts(rows, key) {
 
 function drawPlots(tab, v, varRow, rankSel, top1, structSel, pocketSel, vf) {
   if (tab === 0) {
-    const exons = uniq(DATA.variants, "exon");
+    const exons = uniq(vf, "exon");
     plot("p_sun", exons.map((e, i) => {
-      const sub = DATA.variants.filter((r) => r.exon === e);
+      const sub = vf.filter((r) => r.exon === e);
       const types = counts(sub, "type_inferred");
       return { type: "bar", name: e, x: Object.keys(types), y: Object.values(types), marker: { color: PALETTE[i % PALETTE.length] } };
     }), { barmode: "stack", title: "Observations by exon and inferred class" });
-    const ordered = [...DATA.variants].sort((a, b) => num(b.priority_score) - num(a.priority_score));
+    const ordered = [...vf].sort((a, b) => num(b.priority_score) - num(a.priority_score));
     plot("p_pri", [{ type: "bar", x: ordered.map((r) => r.hgvs_p), y: ordered.map((r) => num(r.priority_score)), marker: { color: "#0E7C7B" } }], { title: "Variant priority score", xaxis: { tickangle: -45 } });
   }
   if (tab === 1) {
-    const types = uniq(DATA.variants, "type_inferred");
+    const types = uniq(vf, "type_inferred");
     plot("p_af", types.map((t, i) => ({
-      type: "histogram", name: t, x: DATA.variants.filter((r) => r.type_inferred === t).map((r) => num(r.allele_frequency)), marker: { color: PALETTE[i] },
+      type: "histogram", name: t, x: vf.filter((r) => r.type_inferred === t).map((r) => num(r.allele_frequency)), marker: { color: PALETTE[i] },
     })), { barmode: "overlay", title: "Allele frequency by inferred class" });
     plot("p_map", [{
       type: "scatter", mode: "markers",
-      x: DATA.variants.map((r) => num(r.position)),
-      y: DATA.variants.map((r) => num(r.allele_frequency)),
-      text: DATA.variants.map((r) => r.hgvs_p),
-      marker: { size: DATA.variants.map((r) => 8 + 18 * num(r.priority_score)), color: DATA.variants.map((r) => r.qc_status === "Flagged" ? "#C45C26" : "#0E7C7B") },
+      x: vf.map((r) => num(r.position)),
+      y: vf.map((r) => num(r.allele_frequency)),
+      text: vf.map((r) => r.hgvs_p),
+      marker: { size: vf.map((r) => 8 + 18 * num(r.priority_score)), color: vf.map((r) => r.qc_status === "Flagged" ? "#C45C26" : "#0E7C7B") },
     }], { title: "Residue map — size = priority, orange = QC flag", xaxis: { title: "Residue" }, yaxis: { title: "Allele frequency" } });
   }
   if (tab === 2) {
-    const c = counts(DATA.variants, "route");
+    const c = counts(vf, "route");
     plot("p_route", [{ type: "bar", x: Object.values(c), y: Object.keys(c), orientation: "h", marker: { color: "#1B365D" } }], { title: "Observations per route" });
   }
   if (tab === 3) {
@@ -599,7 +642,7 @@ function drawPlots(tab, v, varRow, rankSel, top1, structSel, pocketSel, vf) {
     }], { title: "Selectivity × ADMET × Rescue", scene: { xaxis: { title: "Sel" }, yaxis: { title: "ADMET" }, zaxis: { title: "Score" } } });
     const top15 = rankSel.slice(0, 15);
     plot("p_rankbar", [{ type: "bar", x: top15.map((r) => r.name), y: top15.map((r) => num(r.rescue_score)), marker: { color: top15.map((r) => recColor[r.recommendation] || "#1B365D") } }], { title: "Ranked Rescue / Opportunity Score", xaxis: { tickangle: -40 } });
-    const w = { Bmut: 0.22, Sselectivity: 0.18, MDstability: 0.16, Frescue: 0.14, ADMET: 0.12, Evidence: 0.10, Risk: 0.08 };
+    const w = weights();
     const terms = [
       ["Bmut", w.Bmut * num(top1.Bmut)],
       ["Selectivity", w.Sselectivity * num(top1.Sselectivity)],
@@ -661,8 +704,27 @@ async function init() {
   fillSelect("exonSelect", ["All", ...uniq(DATA.variants, "exon").sort()]);
   fillSelect("typeSelect", ["All", ...uniq(DATA.variants, "type_inferred")]);
   fillSelect("variantSelect", uniq(DATA.variants, "hgvs_p"), "p.Y220C");
-  ["variantSelect", "exonSelect", "typeSelect"].forEach((id) => {
-    document.getElementById(id).addEventListener("change", render);
+  document.getElementById("variantSelect").addEventListener("change", render);
+  ["exonSelect", "typeSelect"].forEach((id) => {
+    document.getElementById(id).addEventListener("change", () => {
+      syncVariantOptions();
+      render();
+    });
+  });
+  Object.keys(DEFAULT_WEIGHTS).forEach((key) => {
+    const input = document.getElementById(`w_${key}`);
+    const output = document.getElementById(`out_${key}`);
+    input.addEventListener("input", () => {
+      output.value = num(input.value).toFixed(2);
+      render();
+    });
+  });
+  document.getElementById("resetWeights").addEventListener("click", () => {
+    Object.entries(DEFAULT_WEIGHTS).forEach(([key, value]) => {
+      document.getElementById(`w_${key}`).value = value;
+      document.getElementById(`out_${key}`).value = value.toFixed(2);
+    });
+    render();
   });
   render();
 }

assets/style.css

@@ -31,6 +31,19 @@ body {
   border-radius: 6px;
   border: none;
 }
+.weight-panel {
+  margin-top: 18px;
+  padding-top: 14px;
+  border-top: 1px solid rgba(255,255,255,0.22);
+}
+.weight-panel h3 { margin: 0 0 10px; font-size: 14px; }
+.weight-panel label { margin: 9px 0; }
+.weight-panel output { float: right; font-variant-numeric: tabular-nums; }
+.weight-panel input[type="range"] { width: 100%; margin-top: 5px; accent-color: #35b8b5; }
+.weight-panel button {
+  width: 100%; margin-top: 8px; padding: 7px; border: 1px solid #9fb2cf;
+  border-radius: 6px; color: white; background: transparent; cursor: pointer;
+}
 .muted { color: #c5d0e3; font-size: 13px; }
 .small { font-size: 12px; line-height: 1.45; }
 main { flex: 1; padding: 18px 22px 40px; overflow-x: hidden; }

docs/WORKFLOW.md

@@ -19,3 +19,4 @@
 
 - 2026-08-13: Created `tp53-discovery-platform` covering variant QC, routing, structures, pockets, AI screen, docking, MD, ranking, validation, architecture and reports.
 - 2026-08-14: Physics/literature calculation engine (NP_000537.3 QC, published ΔΔG, ΔG=RT ln Kd, Lipinski/Veber/Egan/QED, consensus R(c,m)). Variant and docking CSV ingest for real-world evaluation. Methods tab and experimental top-10 plan.
+- 2026-08-14: Fixed hosted sidebar reactivity. Exon/class filters now cascade into focus variants, KPIs, plots, routing, docking/MD counts, and tables. Added seven live Rescue/Opportunity weight sliders with immediate re-ranking and recommendation updates.

index.html

@@ -21,6 +21,31 @@
     <label>Inferred class
       <select id="typeSelect"><option>All</option></select>
     </label>
+    <div class="weight-panel">
+      <h3>Rescue score weights</h3>
+      <label>Mutant binding <output id="out_Bmut">0.22</output>
+        <input id="w_Bmut" type="range" min="0" max="0.40" step="0.01" value="0.22" />
+      </label>
+      <label>Mutant selectivity <output id="out_Sselectivity">0.18</output>
+        <input id="w_Sselectivity" type="range" min="0" max="0.40" step="0.01" value="0.18" />
+      </label>
+      <label>MD stability <output id="out_MDstability">0.16</output>
+        <input id="w_MDstability" type="range" min="0" max="0.40" step="0.01" value="0.16" />
+      </label>
+      <label>Rescue relevance <output id="out_Frescue">0.14</output>
+        <input id="w_Frescue" type="range" min="0" max="0.40" step="0.01" value="0.14" />
+      </label>
+      <label>ADMET / exposure <output id="out_ADMET">0.12</output>
+        <input id="w_ADMET" type="range" min="0" max="0.40" step="0.01" value="0.12" />
+      </label>
+      <label>Evidence <output id="out_Evidence">0.10</output>
+        <input id="w_Evidence" type="range" min="0" max="0.40" step="0.01" value="0.10" />
+      </label>
+      <label>Risk penalty <output id="out_Risk">0.08</output>
+        <input id="w_Risk" type="range" min="0" max="0.30" step="0.01" value="0.08" />
+      </label>
+      <button id="resetWeights" type="button">Reset weights</button>
+    </div>
     <p class="muted small">Rescue / Opportunity Score uses the documented multi-objective weights. Computational estimates only.</p>
   </aside>
   <main>