From 97fa8aa76e51ea20c7de99bca518764565192cd7 Mon Sep 17 00:00:00 2001
From: Lissan <150966211+DataForSolution@users.noreply.github.com>
Date: Wed, 17 Sep 2025 10:51:14 -0400
Subject: [PATCH 01/10] feat(order-helper): add public rules loader to default
 layout

---
 _layouts/default.html | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/_layouts/default.html b/_layouts/default.html
index dc864fc..cb8ebb3 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -69,6 +69,15 @@
 {% if page.custom_css %}
 <link rel="stylesheet" href="{{ page.custom_css | relative_url }}">
 {% endif %}
+{% if page.url contains '/order-helper/' %}
+  <!-- Relaxed CSP for Order Helper so it can load Firebase + Firestore -->
+  <meta http-equiv="Content-Security-Policy"
+        content="default-src 'self';
+                 script-src 'self' https://www.gstatic.com 'unsafe-inline';
+                 connect-src 'self' https://firestore.googleapis.com;
+                 img-src 'self' data:;
+                 style-src 'self' 'unsafe-inline'">
+{% endif %}
 
 {% if page.url contains '/order-helper/' %}
   <!-- Relaxed CSP for Order Helper so it can load Firebase + Firestore -->

From 4388e1c1cca0ad22c43a7b6292cacbea683d8e18 Mon Sep 17 00:00:00 2001
From: Lissan <150966211+DataForSolution@users.noreply.github.com>
Date: Thu, 18 Sep 2025 10:49:29 -0400
Subject: [PATCH 02/10] feat(order-helper): add non-destructive rules loader
 shim + cascades

---
 order-helper/app.js | 120 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 120 insertions(+)

diff --git a/order-helper/app.js b/order-helper/app.js
index 2ca2150..b1d427f 100644
--- a/order-helper/app.js
+++ b/order-helper/app.js
@@ -714,3 +714,123 @@
   }
 })();
 </script>
+/* ===== OH loader shim (non-destructive) ===== */
+(() => {
+  // Wait for DOM if this script isn’t loaded with `defer`
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', init, { once: true });
+  } else {
+    init();
+  }
+
+  function init() {
+    // Namespace (won't clobber your existing code)
+    window.OH = window.OH || {};
+    const $ = (s) => document.querySelector(s);
+    const setText = (el, msg) => { if (el) el.textContent = msg; };
+
+    // Elements (adjust IDs only if yours differ)
+    const els = {
+      status:     $('#status'),
+      modality:   $('#modality'),
+      region:     $('#region'),
+      bodyPart:   $('#bodyPart'),
+      contrast:   $('#contrast'),
+      laterality: $('#laterality'),
+      context:    $('#context'),
+    };
+
+    // Use the exact meta path (you already include ?v=20250913)
+    const RULES_URL =
+      document.querySelector('meta[name="oh-rules-path"]')?.content ||
+      '/order-helper/data/rules.json';
+
+    const FALLBACK = Object.freeze({
+      schema_version: '1.1',
+      modalities: {
+        'PET/CT': {
+          regions:    ['Skull base to mid-thigh', 'Whole body'],
+          body_parts: ['Head/Neck', 'Chest', 'Abdomen/Pelvis'],
+          contrast:   ['None'],
+          laterality: ['N/A'],
+          contexts:   ['Staging','Restaging','Treatment response','Surveillance','Acute'],
+        },
+        'CT': {
+          regions:    ['Head/Brain','Chest','Abdomen/Pelvis'],
+          body_parts: ['Head','Chest','Abdomen','Pelvis'],
+          contrast:   ['None','IV','Oral','IV + Oral'],
+          laterality: ['N/A','Right','Left','Bilateral'],
+          contexts:   ['Acute','Follow-up','Staging'],
+        },
+        'MRI': {
+          regions:    ['Brain','Spine','MSK'],
+          body_parts: ['Brain','Cervical','Lumbar','Hip'],
+          contrast:   ['None','Gadolinium'],
+          laterality: ['N/A','Right','Left','Bilateral'],
+          contexts:   ['Acute','Follow-up','Staging'],
+        }
+      }
+    });
+
+    const validate = (cat) => !!(cat && typeof cat === 'object' && cat.modalities && typeof cat.modalities === 'object');
+
+    function setOptions(selectEl, items, placeholder) {
+      if (!selectEl) return;
+      const list = Array.isArray(items) ? items : [];
+      selectEl.innerHTML = '';
+      const ph = document.createElement('option');
+      ph.value = '';
+      ph.textContent = placeholder || 'Select…';
+      ph.disabled = true; ph.selected = true;
+      selectEl.appendChild(ph);
+      for (const v of list) {
+        const opt = document.createElement('option');
+        opt.value = v; opt.textContent = v;
+        selectEl.appendChild(opt);
+      }
+    }
+
+    function bindCascades(cat) {
+      if (!els.modality) return;
+      const modalities = Object.keys(cat.modalities || {});
+      setOptions(els.modality, modalities, 'Select modality…');
+
+      els.modality.addEventListener('change', () => {
+        const m = els.modality.value;
+        const spec = (cat.modalities || {})[m] || {};
+        setOptions(els.region,     spec.regions,     'Select region…');
+        setOptions(els.bodyPart,   spec.body_parts,  'Select body part…');
+        setOptions(els.contrast,   spec.contrast,    'Select contrast…');
+        setOptions(els.laterality, spec.laterality,  'Select laterality…');
+        setOptions(els.context,    spec.contexts,    'Select context…');
+      });
+    }
+
+    async function loadCatalog() {
+      setText(els.status, 'Loading rules…');
+      try {
+        const res = await fetch(RULES_URL, { cache: 'no-store' });
+        if (!res.ok) throw new Error(`HTTP ${res.status}`);
+        const json = await res.json();
+        if (!validate(json)) throw new Error('Invalid rules schema');
+        setText(els.status, 'Rules loaded.');
+        return json;
+      } catch (err) {
+        console.warn('[OH] rules load failed, using fallback:', err);
+        setText(els.status, 'Using built-in defaults (rules.json unavailable).');
+        return FALLBACK;
+      }
+    }
+
+    // Expose for the rest of your app (non-breaking)
+    window.OH.loadCatalog = loadCatalog;
+
+    // Boot: load then bind; announce readiness
+    loadCatalog().then(cat => {
+      window.OH.catalog = cat;
+      bindCascades(cat);
+      document.dispatchEvent(new CustomEvent('oh:catalog-ready', { detail: { catalog: cat } }));
+    });
+  }
+})();
+

From 5bbb661b02c12fdadcee4ef9d05196ec70921104 Mon Sep 17 00:00:00 2001
From: Lissan <150966211+DataForSolution@users.noreply.github.com>
Date: Wed, 10 Sep 2025 13:54:51 -0400
Subject: [PATCH 03/10] fix(order-helper): normalize rules.json (dash mojibake,
 array/comma/braces), validate JSON

---
 order-helper/data/rules.json | 697 +++++++++++++++++++++++++++++++++++
 1 file changed, 697 insertions(+)

diff --git a/order-helper/data/rules.json b/order-helper/data/rules.json
index f1c8284..584776a 100644
--- a/order-helper/data/rules.json
+++ b/order-helper/data/rules.json
@@ -1,3 +1,4 @@
+<<<<<<< HEAD
 {
   "schema_version": "2.0",
   "generated_at": "2025-09-15",
@@ -70,21 +71,87 @@
         "Hip | Hip | None": ["73501"]
       }
     },
+=======
+
+{
+  "schema_version": "1.1",
+  "generated_at": "2025-08-19",
+  "modalities": {
+     "X-Ray": {
+  "regions": [
+    "Chest",
+    "Abdomen (KUB)",
+    "Pelvis",
+    "Skull",
+    "Cervical spine",
+    "Thoracic spine",
+    "Lumbar spine",
+    "Scoliosis series",
+    "Upper extremity",
+    "Lower extremity",
+    "Shoulder",
+    "Elbow",
+    "Wrist/Hand",
+    "Hip",
+    "Knee",
+    "Ankle/Foot",
+    "Skeleton survey"
+  ],
+  "contexts": [
+    "Acute",
+    "Trauma",
+    "Follow-up",
+    "Infection",
+    "Metastatic survey",
+    "Pre-operative",
+    "Post-operative"
+  ],
+  "conditions": [
+    "Fracture",
+    "Dislocation",
+    "Osteoarthritis",
+    "Evaluation for pneumonia",
+    "Effusion",
+    "Foreign body",
+    "Osteomyelitis",
+    "Metastasis",
+    "Scoliosis"
+  ],
+  "indication_templates": [
+    "X-Ray {region} — {context} for {condition}",
+    "X-Ray {region} — rule out {condition}"
+  ],
+  "notes": [
+    "Use two views (minimum) for trauma if possible.",
+    "Skeleton survey used for myeloma or metastatic disease patterns (consider bone scan if broader sensitivity is needed).",
+    "No contrast used for plain radiography."
+  ]
+}
+>>>>>>> 6490a75 (fix(order-helper): normalize rules.json (dash mojibake, array/comma/braces), validate JSON)
 
     "CT": {
       "regions": [
         "Head/Brain",
         "Sinuses",
+<<<<<<< HEAD
         "Maxillofacial/Facial bones",
         "Temporal bones/IAC",
         "Neck",
         "Chest",
         "Low-dose Lung (Screening)",
+=======
+        "Maxillofacial/Facial Bones",
+        "Temporal Bones/IAC",
+        "Neck",
+        "Chest",
+        "Low‑Dose Lung CT (Screening)",
+>>>>>>> 6490a75 (fix(order-helper): normalize rules.json (dash mojibake, array/comma/braces), validate JSON)
         "Abdomen",
         "Pelvis",
         "Abdomen/Pelvis",
         "CT Urogram",
         "CT Enterography",
+<<<<<<< HEAD
         "Spine - Cervical",
         "Spine - Thoracic",
         "Spine - Lumbar",
@@ -601,4 +668,634 @@
   ]
 }
 
+=======
+        "Spine – Cervical",
+        "Spine – Thoracic",
+        "Spine – Lumbar",
+        "Upper Extremity",
+        "Lower Extremity",
+        "Cardiac Coronary CTA",
+        "Angiography – Head/Neck CTA",
+        "Angiography – Chest CTA (PE)",
+        "Angiography – Aorta CTA",
+        "Angiography – Run‑off CTA (LE)"
+      ],
+      "contrast_options": [
+        { "value": "with_iv", "label": "With IV contrast" },
+        { "value": "without_iv", "label": "Without IV contrast" },
+        { "value": "oral", "label": "Add oral contrast (abd/pelvis)" },
+        { "value": "none", "label": "None / Not applicable" }
+      ],
+      "contexts": [
+        "Initial evaluation",
+        "Acute symptoms",
+        "Follow‑up",
+        "Pre‑operative planning",
+        "Post‑operative complication",
+        "Oncology staging",
+        "Oncology restaging / surveillance",
+        "Trauma",
+        "Screening",
+        "Infection / inflammation"
+      ],
+      "conditions": [
+        "Headache (sudden / thunderclap)",
+        "Head trauma",
+        "Stroke symptoms / TIA",
+        "Sinusitis",
+        "Neck mass",
+        "Pulmonary embolism suspected",
+        "Aortic dissection / aneurysm suspected",
+        "Lung nodule",
+        "Pneumonia complication",
+        "Abdominal pain RLQ (appendicitis)",
+        "Kidney stone / renal colic",
+        "Pancreatitis",
+        "Liver lesion characterization",
+        "Diverticulitis",
+        "Inflammatory bowel disease flare",
+        "Bowel obstruction",
+        "Post‑op abdomen",
+        "Hematuria",
+        "Cancer staging (specify primary)",
+        "Metastatic disease restaging",
+        "Spine trauma",
+        "Cervical radiculopathy",
+        "Spinal stenosis",
+        "Extremity fracture",
+        "Suspected osteomyelitis",
+        "Peripheral arterial disease (LE run‑off)"
+      ],
+      "indication_templates": [
+        "CT {region} – {context} for {condition}",
+        "CT {region} – rule out {condition}",
+        "CT {region} {contrast_text} – {context} ({condition})"
+      ],
+      "contrast_recommendations": [
+        { "match": ["kidney stone", "renal colic"], "suggest": "without_iv" },
+        { "match": ["appendicitis", "rlq"], "suggest": "with_iv" },
+        { "match": ["pe", "pulmonary embolism"], "suggest": "with_iv" },
+        { "match": ["aortic", "dissection", "aneurysm"], "suggest": "with_iv" },
+        { "match": ["liver lesion", "pancreatitis"], "suggest": "with_iv" },
+        { "match": ["bowel obstruction"], "suggest": "without_iv" },
+        { "match": ["trauma"], "suggest": "with_iv" },
+        { "match": ["low‑dose lung ct", "screening"], "suggest": "without_iv" }
+      ],
+      "notes": [
+        "CTA exams require IV contrast.",
+        "Oral contrast is site‑dependent for abdomen/pelvis—offered as an option.",
+        "This tool structures ordering; it is not medical advice."
+      ]
+    }
+  },
+  "records": [
+    {
+      "id": "PET-SB-MT-ONC",
+      "modality": "PET/CT",
+      "study_name": "FDG PET/CT — Skull Base to Mid-Thigh",
+      "cpt": ["78815"],
+      "icd10_common": ["C34.90", "C18.9", "C50.919", "C43.9", "C32.9", "C81.90", "C85.90"],
+      "contrast": "Radiotracer (± IV contrast on CT)",
+      "header_coverage": "Skull base → mid-thigh",
+      "contexts": ["staging", "restaging", "treatment response", "surveillance"],
+      "keywords": ["lymphoma", "nsclc", "lung cancer", "breast cancer", "colorectal", "colon cancer", "melanoma", "head and neck", "hnscc", "gastric", "pancreatic"],
+      "reasons": [
+        "FDG PET/CT for {context} of {condition}; evaluate disease extent, nodal involvement, and FDG-avid distant metastases."
+      ],
+      "prep": "Fast 4–6 h; avoid strenuous exercise 24 h; glucose <200 mg/dL.",
+      "supporting_docs": [
+        "Clinic note documenting diagnosis and clinical question.",
+        "Prior imaging/report.",
+        "Therapy timeline (chemo/radiation/surgery) and relevant labs."
+      ],
+      "flags": [
+        "Recent G-CSF can increase marrow uptake.",
+        "Hyperglycemia lowers tumor-to-background contrast."
+      ],
+      "prior_auth": { "requires_prior_auth": true, "step_imaging_required": true },
+      "tags": ["oncology-general"]
+    },
+    {
+      "id": "PET-WHOLEBODY",
+      "modality": "PET/CT",
+      "study_name": "FDG PET/CT — Whole Body (Vertex to Toes)",
+      "cpt": ["78816"],
+      "icd10_common": ["C43.9", "C49.9", "C90.00", "M31.7", "R50.9"],
+      "contrast": "Radiotracer (± IV contrast on CT)",
+      "header_coverage": "Vertex → toes",
+      "contexts": ["staging", "restaging", "surveillance"],
+      "keywords": ["melanoma", "myeloma", "sarcoma", "vasculitis", "fever of unknown origin", "fuo"],
+      "reasons": [
+        "FDG PET/CT whole body for {context} of {condition}; evaluate for extremity involvement and FDG-avid metastatic/inflammatory disease."
+      ],
+      "prep": "Standard FDG fasting; keep patient warm to limit brown fat uptake.",
+      "supporting_docs": ["Referring note with suspicion/diagnosis.", "Biopsy/pathology if available.", "Prior imaging for correlation."],
+      "flags": ["Include extremities for melanoma/myeloma.", "Consider inflammatory patterns in vasculitis/FOU."],
+      "prior_auth": { "requires_prior_auth": true },
+      "tags": ["whole-body"]
+    },
+    {
+      "id": "PET-BRAIN-FDG",
+      "modality": "PET",
+      "study_name": "FDG Brain PET",
+      "cpt": ["78608"],
+      "icd10_common": ["F03.90", "G30.9", "G31.09", "G40.909"],
+      "contrast": "Radiotracer only",
+      "header_coverage": "Brain",
+      "contexts": ["dementia", "epilepsy"],
+      "keywords": ["alzheim", "frontotemporal", "ftd", "epilepsy", "seizure", "temporal lobe"],
+      "reasons": [
+        "FDG brain PET to evaluate cerebral metabolic patterns in {condition}; correlate with clinical and prior imaging."
+      ],
+      "prep": "Quiet, dim environment pre-injection; NPO; epilepsy timing per protocol.",
+      "supporting_docs": ["Neurology note with symptoms & question.", "Prior MRI/EEG."],
+      "flags": ["FDG patterns vary by dementia subtype.", "Medication/timing affects epilepsy localization."],
+      "prior_auth": { "requires_prior_auth": true, "specialist_referral_required": true },
+      "tags": ["neuro"]
+    },
+    {
+      "id": "PET-CARDIAC-FDG-VIABILITY",
+      "modality": "PET",
+      "study_name": "PET Cardiac FDG — Viability",
+      "cpt": ["78459", "78491", "78492"],
+      "icd10_common": ["I25.10", "I42.9"],
+      "contrast": "Radiotracer only",
+      "header_coverage": "Heart",
+      "contexts": ["viability"],
+      "keywords": ["viability", "ischemic cardiomyopathy", "hibernating myocardium"],
+      "reasons": [
+        "FDG PET to assess myocardial viability in ischemic cardiomyopathy; correlate with perfusion and echocardiography."
+      ],
+      "prep": "Glucose loading/insulin protocol per SOP; coordinate with perfusion.",
+      "supporting_docs": ["Cardiology note on revascularization decision.", "Echo/perfusion/coronary imaging reports."],
+      "flags": ["Glycemic control critical for image quality."],
+      "prior_auth": { "requires_prior_auth": true, "specialist_referral_required": true },
+      "tags": ["cardiac"]
+    },
+    {
+      "id": "PET-INFECTION-SB-MT",
+      "modality": "PET/CT",
+      "study_name": "FDG PET/CT — Infection/Inflammation (Skull Base to Mid-Thigh)",
+      "cpt": ["78815"],
+      "icd10_common": ["M86.9", "T84.59XA", "I33.0", "R50.9"],
+      "contrast": "Radiotracer (± IV contrast on CT)",
+      "header_coverage": "Skull base → mid-thigh",
+      "contexts": ["suspected infection"],
+      "keywords": ["osteomyelitis", "prosthetic joint", "infection", "endocarditis", "fuo"],
+      "reasons": [
+        "FDG PET/CT to evaluate suspected infection/inflammation related to {condition}; assess extent and possible sites of involvement."
+      ],
+      "prep": "Standard FDG fasting; review recent antibiotics.",
+      "supporting_docs": ["Clinical notes with symptoms/duration.", "WBC, CRP/ESR, cultures.", "Prior imaging for comparison."],
+      "flags": ["Prosthesis may show inflammatory uptake; interpret with context."],
+      "prior_auth": { "requires_prior_auth": true },
+      "tags": ["infection"]
+    },
+    {
+      "id": "PET-PSMA",
+      "modality": "PET/CT",
+      "study_name": "PSMA PET/CT — Prostate Cancer",
+      "cpt": ["78815", "78816"],
+      "icd10_common": ["C61", "R97.21"],
+      "contrast": "Radiotracer (PSMA) ± IV contrast CT",
+      "header_coverage": "Skull base → mid-thigh or whole body",
+      "contexts": ["staging", "biochemical recurrence"],
+      "keywords": ["prostate", "psa"],
+      "reasons": [
+        "PSMA PET/CT for {context} in prostate cancer; localize recurrence/metastases to guide therapy."
+      ],
+      "prep": "Hydration; void frequently; follow tracer-specific guidance.",
+      "supporting_docs": ["PSA level and trend.", "Prior therapy and pathology."],
+      "flags": [],
+      "prior_auth": { "requires_prior_auth": true, "specialist_referral_required": true },
+      "tags": ["prostate"]
+    },
+    {
+      "id": "PET-DOTATATE",
+      "modality": "PET/CT",
+      "study_name": "DOTATATE PET/CT — Neuroendocrine Tumor",
+      "cpt": ["78815", "78816"],
+      "icd10_common": ["C7A.8", "C7B.8", "D3A.8"],
+      "contrast": "Radiotracer (Ga-68/Lu-177) ± IV contrast CT",
+      "header_coverage": "Skull base → mid-thigh or whole body",
+      "contexts": ["staging", "restaging", "surveillance"],
+      "keywords": ["NET", "neuroendocrine tumor", "carcinoid"],
+      "reasons": [
+        "DOTATATE PET/CT to stage/restage neuroendocrine tumor and evaluate metastases/recurrence."
+      ],
+      "prep": "Hydration; withhold long-acting somatostatin analogs per protocol.",
+      "supporting_docs": ["Pathology and tumor grade if known.", "Prior imaging for comparison."],
+      "flags": [],
+      "prior_auth": { "requires_prior_auth": true, "specialist_referral_required": true },
+      "tags": ["NET"]
+    },
+    {
+      "id": "CT-HEAD-WO",
+      "modality": "CT",
+      "study_name": "CT Head without Contrast",
+      "cpt": ["70450"],
+      "icd10_common": ["I63.9", "S06.9X9A", "R51.9", "R42"],
+      "contrast": "Without",
+      "header_coverage": "Head",
+      "reasons": ["Acute stroke/TIA evaluation.", "Head trauma.", "Severe headache/new neuro deficit."],
+      "prep": "Remove metal; pregnancy screen PRN.",
+      "prior_auth": { "requires_prior_auth": false },
+      "tags": ["neuro", "emergency"]
+    },
+    {
+      "id": "CTA-HEAD-NECK",
+      "modality": "CT",
+      "study_name": "CTA Head & Neck (Stroke/Aneurysm)",
+      "cpt": ["70496", "70498"],
+      "icd10_common": ["I65.23", "I67.1", "I63.9", "G45.9"],
+      "contrast": "With (arterial bolus)",
+      "header_coverage": "Head & Neck arteries",
+      "reasons": ["Large-vessel occlusion/aneurysm/stenosis evaluation."],
+      "prep": "Creatinine per policy; 18–20G IV.",
+      "prior_auth": { "requires_prior_auth": true },
+      "tags": ["neuro", "vascular"]
+    },
+    {
+      "id": "CT-PE-CTPA",
+      "modality": "CT",
+      "study_name": "CT Pulmonary Angiography (PE Protocol)",
+      "cpt": ["71275"],
+      "icd10_common": ["I26.99", "R06.02", "R07.9", "R79.1"],
+      "contrast": "With (arterial bolus)",
+      "header_coverage": "Chest (PE protocol)",
+      "reasons": ["Suspected pulmonary embolism with elevated clinical probability or D-dimer."],
+      "prep": "Check creatinine; allergy premedication if needed.",
+      "prior_auth": { "requires_prior_auth": true },
+      "tags": ["chest", "vascular"]
+    },
+    {
+      "id": "CT-ABD-PEL-W",
+      "modality": "CT",
+      "study_name": "CT Abdomen/Pelvis with Contrast",
+      "cpt": ["74177"],
+      "icd10_common": ["R10.9", "K56.60", "C18.9", "K57.30", "N20.0"],
+      "contrast": "With",
+      "header_coverage": "Abdomen & Pelvis",
+      "reasons": ["Acute abdomen pain/obstruction.", "Cancer staging.", "Suspected appendicitis/diverticulitis."],
+      "prep": "NPO 3–4 h; oral contrast per protocol.",
+      "prior_auth": { "requires_prior_auth": true },
+      "tags": ["abdomen", "oncology"]
+    },
+    {
+      "id": "CT-UROGRAM",
+      "modality": "CT",
+      "study_name": "CT Urogram (A/P w & w/o)",
+      "cpt": ["74178"],
+      "icd10_common": ["R31.9", "R31.0", "N28.89", "C67.9"],
+      "contrast": "With & Without",
+      "header_coverage": "Kidneys, ureters, bladder",
+      "reasons": ["Hematuria evaluation (risk-stratified).", "Suspected upper tract urothelial carcinoma."],
+      "prep": "Hydration; renal labs per policy.",
+      "prior_auth": { "requires_prior_auth": true, "specialist_referral_required": true },
+      "tags": ["gu"]
+    },
+    {
+      "id": "MRI-BRAIN-WWO",
+      "modality": "MRI",
+      "study_name": "MRI Brain w & w/o Contrast",
+      "cpt": ["70553"],
+      "icd10_common": ["G35", "R56.9", "G45.9", "C71.9", "F03.90"],
+      "contrast": "With & Without",
+      "header_coverage": "Brain",
+      "reasons": ["Tumor, MS, seizures, subacute stroke, dementia workup."],
+      "prep": "Metal screen; GFR if CKD.",
+      "prior_auth": { "requires_prior_auth": true },
+      "tags": ["neuro"]
+    },
+    {
+      "id": "MRI-IAC",
+      "modality": "MRI",
+      "study_name": "MRI IAC / Temporal Bone",
+      "cpt": ["70553"],
+      "icd10_common": ["H91.90", "H93.19", "D33.3", "H81.399"],
+      "contrast": "With & Without",
+      "header_coverage": "IACs/CPA",
+      "reasons": ["Asymmetric SNHL, vestibular schwannoma, complex vertigo."],
+      "prep": "Standard MRI screening; GFR as needed.",
+      "prior_auth": { "requires_prior_auth": true, "specialist_referral_required": true },
+      "tags": ["neuro", "ent"]
+    },
+    {
+      "id": "MRI-TMJ",
+      "modality": "MRI",
+      "study_name": "MRI Temporomandibular Joints",
+      "cpt": ["70336"],
+      "icd10_common": ["M26.609", "R68.84"],
+      "contrast": "Without (± With if tumor/infection)",
+      "header_coverage": "Bilateral TMJs with open/closed mouth",
+      "reasons": ["TMJ dysfunction, locking, pain refractory to conservative care."],
+      "prep": "Remove dental metal; bite blocks per protocol.",
+      "prior_auth": { "requires_prior_auth": true, "specialist_referral_required": true, "step_imaging_required": true },
+      "tags": ["msk", "ent", "dental"]
+    },
+    {
+      "id": "MRI-BRACHIAL-PLEXUS",
+      "modality": "MRI",
+      "study_name": "MRI Brachial Plexus w & w/o",
+      "cpt": ["73223"],
+      "icd10_common": ["G54.0", "S14.3XXA", "C47.3"],
+      "contrast": "With & Without",
+      "header_coverage": "Roots to cords",
+      "reasons": ["Traction injury, tumor, radiation plexopathy."],
+      "prep": "Consider sedation if needed.",
+      "prior_auth": { "requires_prior_auth": true, "specialist_referral_required": true },
+      "tags": ["neuro", "msk"]
+    },
+    {
+      "id": "MR-NEUROGRAPHY-LE",
+      "modality": "MRI",
+      "study_name": "MR Neurography — Lower Extremity",
+      "cpt": ["73720"],
+      "icd10_common": ["G57.00", "G57.10", "G57.90"],
+      "contrast": "Without (± With for mass/inflammation)",
+      "header_coverage": "Target nerve course",
+      "reasons": ["Entrapment/neuropathy after failed conservative therapy; traumatic nerve injury."],
+      "prep": "Standard MRI screening.",
+      "prior_auth": { "requires_prior_auth": true, "specialist_referral_required": true, "step_imaging_required": true },
+      "tags": ["neuro", "msk"]
+    },
+    {
+      "id": "MRI-LSPINE-WWO",
+      "modality": "MRI",
+      "study_name": "MRI Lumbar Spine w & w/o",
+      "cpt": ["72158"],
+      "icd10_common": ["M54.16", "M48.061", "G95.9", "M51.36"],
+      "contrast": "With & Without",
+      "header_coverage": "Lumbar spine",
+      "reasons": ["Radiculopathy/stenosis with neuro deficits or failed 4–6 wks conservative therapy; infection; tumor."],
+      "prep": "Metal screen; GFR if CKD.",
+      "prior_auth": { "requires_prior_auth": true, "step_imaging_required": true },
+      "tags": ["spine"]
+    },
+    {
+      "id": "MRI-PROSTATE-PI-RADS",
+      "modality": "MRI",
+      "study_name": "MRI Prostate (PI-RADS) w & w/o",
+      "cpt": ["72197"],
+      "icd10_common": ["R97.20", "C61"],
+      "contrast": "With & Without",
+      "header_coverage": "Prostate & seminal vesicles",
+      "reasons": ["Elevated PSA/biochemical recurrence; staging prior to therapy."],
+      "prep": "NPO 3–4 h; rectal prep per site.",
+      "prior_auth": { "requires_prior_auth": true, "specialist_referral_required": true },
+      "tags": ["gu", "oncology"]
+    },
+    {
+      "id": "US-ABD-COMP",
+      "modality": "Ultrasound",
+      "study_name": "Abdominal Ultrasound — Complete",
+      "cpt": ["76700"],
+      "icd10_common": ["R10.11", "K80.20", "K76.0", "K74.60"],
+      "contrast": "None",
+      "header_coverage": "Abdomen",
+      "reasons": ["RUQ pain/gallstones; liver disease; abnormal LFTs."],
+      "prep": "NPO 6–8 h.",
+      "prior_auth": { "requires_prior_auth": false },
+      "tags": ["abdomen"]
+    },
+    {
+      "id": "US-PELVIC-TV",
+      "modality": "Ultrasound",
+      "study_name": "Pelvic Ultrasound (Transabdominal + Transvaginal)",
+      "cpt": ["76856", "76830"],
+      "icd10_common": ["N93.9", "N83.209", "D25.9", "R10.2", "Z32.01"],
+      "contrast": "None",
+      "header_coverage": "Pelvis",
+      "reasons": ["AUB, pelvic pain, ovarian cyst, fibroids, early pregnancy viability."],
+      "prep": "Full bladder for TA; empty for TV; document LMP.",
+      "prior_auth": { "requires_prior_auth": false },
+      "tags": ["gyn"]
+    },
+    {
+      "id": "US-CAROTID",
+      "modality": "Ultrasound",
+      "study_name": "Carotid Duplex (Bilateral)",
+      "cpt": ["93880"],
+      "icd10_common": ["I65.23", "G45.9", "R09.89"],
+      "contrast": "None",
+      "header_coverage": "Carotid arteries",
+      "reasons": ["TIA/stroke symptoms, carotid bruit/stenosis follow-up."],
+      "prep": "None.",
+      "prior_auth": { "requires_prior_auth": false },
+      "tags": ["vascular"]
+    },
+    {
+      "id": "US-LE-VENOUS",
+      "modality": "Ultrasound",
+      "study_name": "Lower Extremity Venous Duplex (DVT) — Bilateral",
+      "cpt": ["93970"],
+      "icd10_common": ["I82.4Z3", "M79.89", "R22.40"],
+      "contrast": "None",
+      "header_coverage": "LE veins",
+      "reasons": ["Leg swelling/pain; rule out DVT."],
+      "prep": "None.",
+      "prior_auth": { "requires_prior_auth": false },
+      "tags": ["vascular"]
+    },
+    {
+      "id": "XR-CHEST-2V",
+      "modality": "X-Ray",
+      "study_name": "Chest X-ray (2 Views)",
+      "cpt": ["71046"],
+      "icd10_common": ["R05.9", "R06.02", "R07.9", "J18.9"],
+      "contrast": "None",
+      "header_coverage": "Chest",
+      "reasons": ["Cough/SOB/chest pain; pneumonia; trauma baseline."],
+      "prep": "None.",
+      "prior_auth": { "requires_prior_auth": false },
+      "tags": ["chest"]
+    },
+    {
+      "id": "XR-KUB",
+      "modality": "X-Ray",
+      "study_name": "Abdomen X-ray (KUB)",
+      "cpt": ["74018"],
+      "icd10_common": ["R10.9", "K59.00", "R14.0", "N20.0", "K56.60"],
+      "contrast": "None",
+      "header_coverage": "Abdomen",
+      "reasons": ["Obstruction/constipation/stone follow-up."],
+      "prep": "None.",
+      "prior_auth": { "requires_prior_auth": false },
+      "tags": ["abdomen"]
+    },
+    {
+      "id": "NM-HIDA",
+      "modality": "Nuclear Medicine",
+      "study_name": "HIDA (± Ejection Fraction)",
+      "cpt": ["78226", "78227"],
+      "icd10_common": ["K81.0", "K82.8", "R10.11"],
+      "contrast": "Radiotracer",
+      "header_coverage": "Hepatobiliary",
+      "reasons": ["Acute cholecystitis; biliary dyskinesia (with EF)."],
+      "prep": "NPO 4–6 h; withhold opiates 4–6 h.",
+      "prior_auth": { "requires_prior_auth": true },
+      "tags": ["hepatobiliary"]
+    },
+    {
+      "id": "NM-BONE-WB",
+      "modality": "Nuclear Medicine",
+      "study_name": "Bone Scan — Whole Body",
+      "cpt": ["78306", "78320"],
+      "icd10_common": ["C79.51", "M84.48XA", "M86.9"],
+      "contrast": "Radiotracer",
+      "header_coverage": "Whole skeleton",
+      "reasons": ["Bone metastases evaluation; occult fractures; osteomyelitis."],
+      "prep": "Hydration; frequent voiding.",
+      "prior_auth": { "requires_prior_auth": true },
+      "tags": ["msk", "oncology"]
+    },
+    {
+      "id": "IR-PARACENTESIS",
+      "modality": "IR",
+      "study_name": "US-Guided Paracentesis",
+      "cpt": ["49083"],
+      "icd10_common": ["R18.8", "K70.31", "K74.60"],
+      "contrast": "None",
+      "header_coverage": "Peritoneal cavity",
+      "reasons": ["Diagnostic or therapeutic removal of ascites."],
+      "prep": "Consent; INR/platelets; anticoagulant plan.",
+      "prior_auth": { "requires_prior_auth": false },
+      "tags": ["procedure"]
+    },
+    {
+      "id": "IR-LUNG-BIOPSY",
+      "modality": "IR",
+      "study_name": "CT-Guided Lung Biopsy",
+      "cpt": ["32408"],
+      "icd10_common": ["R91.1", "C34.90"],
+      "contrast": "None",
+      "header_coverage": "Target lung lesion",
+      "reasons": ["Tissue diagnosis of pulmonary nodule/mass."],
+      "prep": "Consent; INR/platelets; post-procedure CXR per policy.",
+      "prior_auth": { "requires_prior_auth": true, "specialist_referral_required": true },
+      "tags": ["procedure", "oncology"]
+    }
+  ]
+}
+
+[
+  {
+    "modality": "PET/CT",
+    "region": "Skull base to mid-thigh",
+    "contexts": ["staging", "restaging", "treatment response", "surveillance"],
+    "keywords": ["lymphoma", "nsclc", "lung cancer", "breast cancer", "colorectal", "colon cancer", "melanoma", "head and neck", "hnscc", "gastric", "pancreatic"],
+    "header": "PET/CT Skull Base to Mid-Thigh",
+    "reasons": [
+      "FDG PET/CT for {context} of {condition}; evaluate extent of disease, nodal involvement, and FDG-avid distant metastases."
+    ],
+    "prep_notes": [
+      "Fast 4–6 hours; avoid strenuous exercise for 24 hours.",
+      "Check blood glucose per facility protocol; avoid recent high-dose steroids if possible."
+    ],
+    "supporting_docs": [
+      "Recent clinic note documenting diagnosis and clinical question.",
+      "Prior imaging/report if available.",
+      "Therapy timeline (chemo/radiation/surgery) and relevant labs."
+    ],
+    "flags": [
+      "Recent G-CSF can increase marrow uptake.",
+      "Hyperglycemia may reduce FDG tumor-to-background contrast."
+    ],
+    "tags": ["oncology-general"]
+  },
+  {
+    "modality": "PET/CT",
+    "region": "Whole body",
+    "contexts": ["staging", "restaging", "surveillance"],
+    "keywords": ["melanoma", "myeloma", "sarcoma", "vasculitis", "fever of unknown origin", "fuo"],
+    "header": "PET/CT Whole Body",
+    "reasons": [
+      "FDG PET/CT whole body for {context} of {condition}; evaluate for extra-axial/extremity involvement and FDG-avid metastatic or inflammatory disease."
+    ],
+    "prep_notes": [
+      "Standard FDG fasting instructions.",
+      "Ensure patient warmth to limit brown fat uptake when possible."
+    ],
+    "supporting_docs": [
+      "Referring note with suspicion/diagnosis.",
+      "Any biopsy/pathology available.",
+      "Prior imaging for correlation."
+    ],
+    "flags": [
+      "Consider coverage of extremities for melanoma/myeloma.",
+      "Consider inflammatory patterns in vasculitis/FOU."
+    ],
+    "tags": ["whole-body"]
+  },
+  {
+    "modality": "PET",
+    "region": "Brain",
+    "contexts": ["dementia", "epilepsy"],
+    "keywords": ["alzheim", "dementia", "frontotemporal", "ftd", "epilepsy", "seizure", "temporal lobe"],
+    "header": "PET Brain FDG",
+    "reasons": [
+      "FDG brain PET to evaluate cerebral metabolic patterns in {condition}; correlate with clinical and prior imaging."
+    ],
+    "prep_notes": [
+      "Quiet, dim environment pre-injection.",
+      "For epilepsy protocols, follow ictal/interictal timing per local procedure."
+    ],
+    "supporting_docs": [
+      "Neurology note describing symptoms and clinical question.",
+      "Prior MRI/EEG as applicable."
+    ],
+    "flags": [
+      "FDG patterns vary by dementia subtype.",
+      "Medication/timing can affect epilepsy localization."
+    ],
+    "tags": ["neuro"]
+  },
+  {
+    "modality": "PET",
+    "region": "Cardiac",
+    "contexts": ["viability"],
+    "keywords": ["viability", "ischemic cardiomyopathy", "hibernating myocardium"],
+    "header": "PET Cardiac FDG Viability",
+    "reasons": [
+      "FDG PET to assess myocardial viability in ischemic cardiomyopathy; correlate with perfusion and echocardiographic findings."
+    ],
+    "prep_notes": [
+      "Cardiac viability glucose loading/insulin protocol per local SOP.",
+      "Coordinate with perfusion imaging if performed."
+    ],
+    "supporting_docs": [
+      "Cardiology note with revascularization question.",
+      "Prior echo/perfusion/coronary imaging reports."
+    ],
+    "flags": [
+      "Glycemic control critical for image quality.",
+      "Confirm compatibility with current therapies."
+    ],
+    "tags": ["cardiac"]
+  },
+  {
+    "modality": "PET/CT",
+    "region": "Skull base to mid-thigh",
+    "contexts": ["suspected infection"],
+    "keywords": ["osteomyelitis", "prosthetic joint", "infection", "endocarditis", "fever of unknown origin", "fuo"],
+    "header": "PET/CT Skull Base to Mid-Thigh",
+    "reasons": [
+      "FDG PET/CT to evaluate suspected infection/inflammation related to {condition}; assess extent of disease and potential sites of involvement."
+    ],
+    "prep_notes": [
+      "Standard FDG fasting; review recent antibiotic therapy that may impact findings."
+    ],
+    "supporting_docs": [
+      "Clinical notes with symptoms/duration.",
+      "Relevant labs (WBC, CRP/ESR), culture results if available.",
+      "Prior imaging for comparison."
+    ],
+    "flags": [
+      "Device/prosthesis can show inflammatory uptake; interpret in clinical context.",
+      "Consider tailored coverage if peripheral involvement suspected."
+    ],
+    "tags": ["infection"]
+  }
+]
+>>>>>>> 6490a75 (fix(order-helper): normalize rules.json (dash mojibake, array/comma/braces), validate JSON)
 

From 24aa3704cbbd62a6a0b12cb11ca6da3b20b1a8bf Mon Sep 17 00:00:00 2001
From: Lissan <150966211+DataForSolution@users.noreply.github.com>
Date: Mon, 8 Sep 2025 11:40:55 -0400
Subject: [PATCH 04/10] OH: robust app init (new rules loader + fallbacks);
 live preview always on

---
 order-helper/app.js     | 963 ++++++++--------------------------------
 order-helper/index.html | 357 +++++++++------
 2 files changed, 398 insertions(+), 922 deletions(-)

diff --git a/order-helper/app.js b/order-helper/app.js
index b1d427f..a57065f 100644
--- a/order-helper/app.js
+++ b/order-helper/app.js
@@ -1,836 +1,251 @@
-<!-- /order-helper/app.js -->
-<script>
-/* =========================================================
-   OraDigit Order Helper v2 — app.js
-   - Robust rules loader (meta-config + local JSON; optional Firestore overlay)
-   - Populates all dropdowns (CT/MRI/PET-CT/US/XR/…)
-   - Live Order Review builder
-   - Suggest Reason, Copy, Share, Reset
-   - Optional Firebase write on submit (orders collection)
-   - Defensive error handling with status beacons + debug panel
-   - STEP 4: Merge modality ICD-10 into global catalog + auto-select first modality
-========================================================= */
+/* OraDigit Order Helper – robust init + live preview
+   - Reads rules URL from <meta name="oh-rules-path">
+   - Works if rules.json is missing or has a different shape
+   - Populates Region, Context chips, Condition suggestions
+   - Keeps the right-side Order Preview live
+*/
 
 (() => {
-  // ---------- App version (used for cache-busting) ----------
-  const APP_VERSION = document.querySelector('meta[name="oh-version"]')?.content || String(Date.now());
-
-  // ---------- Shorthands & elements ----------
   const $ = (s) => document.querySelector(s);
-  const els = {
-    form: $('#orderForm'),
-    status: $('#status'),
-    review: $('#review'),
-    btnSuggest: $('#btnSuggest'),
-    btnCopy: $('#btnCopy'),
-    btnShare: $('#btnShare'),
-    btnReset: $('#btnReset'),
-    modality: $('#modality'),
-    region: $('#region'),
-    bodyPart: $('#bodyPart'),
-    contrast: $('#contrast'),
-    laterality: $('#laterality'),
-    context: $('#context'),
-    urgency: $('#urgency'),
-    condition: $('#condition'),
-    conditionList: $('#conditionList'),
-    icd10: $('#icd10'),
-    icdList: $('#icdList'),
-    cpt: $('#cpt'),
-    indication: $('#indication'),
-    pregnant: $('#pregnant'),
-    creatinineDate: $('#creatinineDate'),
-    allergies: $('#allergies'),
-    special: $('#special'),
+
+  const FALLBACK = {
+    CONTEXTS: [
+      "Staging",
+      "Restaging",
+      "Treatment response",
+      "Surveillance",
+      "Suspected recurrence",
+      "Infection / inflammation",
+      "Viability",
+    ],
+    REGIONS: {
+      "PET/CT": ["Whole body", "Head & neck", "Thorax/Chest", "Abdomen/Pelvis", "Brain"],
+      CT: ["Head", "Neck", "Chest", "Abdomen", "Pelvis", "Abdomen/Pelvis", "Angio/PE", "Sinus", "Spine", "Extremity"],
+      MRI: ["Brain", "C-spine", "T-spine", "L-spine", "Shoulder", "Knee", "Hip", "Abdomen", "Pelvis", "Prostate", "Cardiac"],
+    },
+    CONDITIONS: {
+      CT: ["Renal colic", "Pulmonary embolism", "Appendicitis", "Diverticulitis", "Kidney stone"],
+      MRI: ["Multiple sclerosis", "Lumbar radiculopathy", "Rotator cuff tear", "Meniscal tear", "Hip labral tear"],
+      "PET/CT": ["NSCLC", "Lymphoma", "Breast cancer", "Colorectal cancer", "Melanoma"],
+    },
   };
 
-  // ---------- Status beacons ----------
-  function setStatus(msg, cls = 'oh-status success', persist = true) {
-    if (!els.status) return;
-    els.status.textContent = msg;
-    els.status.className = cls;
-    if (!persist) {
-      setTimeout(() => {
-        if (els.status.textContent === msg) {
-          els.status.textContent = 'Ready.';
-          els.status.className = 'oh-status';
-        }
-      }, 4000);
-    }
-    const tag = cls.includes('error') ? 'error' : cls.includes('warn') ? 'warn' : 'log';
-    console[tag](`[OH] ${msg}`);
+  function setStatus(msg, kind = "success") {
+    const s = $("#status");
+    if (!s) return;
+    s.textContent = msg;
+    s.className = `status ${kind}`;
   }
 
-  // Catch sync + async errors globally
-  window.addEventListener('error', e =>
-    setStatus('JavaScript error: ' + (e.message || 'Unknown'), 'oh-status error')
-  );
-  window.addEventListener('unhandledrejection', e =>
-    setStatus('App error: ' + (e.reason?.message || e.reason || 'Unknown'), 'oh-status error')
-  );
-
-  // ---------- State ----------
-  const state = { rules: null, rulesSource: '' };
-
-  // ---------- Init ----------
-  document.addEventListener('DOMContentLoaded', init);
-
-  async function init () {
-    try {
-      await loadRules();         // populates state.rules & state.rulesSource
-      ensureMinimumModalities(); // guard: UI never empty even if rules sparse
-      populateModalities();      // now also auto-selects first modality
-      wireEvents();
-      buildReview();
-      attachDebugPanel();
-
-      // If URL has hash payload (from share fallback), hydrate review
-      if (location.hash && els.review) {
-        const txt = decodeURIComponent(location.hash.slice(1));
-        els.review.textContent = txt;
-      }
-      setStatus(`Rules ready from ${state.rulesSource}`, 'oh-status success');
-    } catch (e) {
-      console.error(e);
-      setStatus('Failed to initialize Order Helper.', 'oh-status error');
-    }
+  function rulesURL() {
+    const meta = document.querySelector('meta[name="oh-rules-path"]');
+    const url = meta?.content?.trim();
+    return url || "/order-helper/data/rules.json";
   }
 
-  // ---------- Cache-busting + safe JSON fetch ----------
-  function cacheUrl(url) {
+  async function loadRules() {
     try {
-      const u = new URL(url, window.location.origin);
-      if (!u.searchParams.has('v')) u.searchParams.set('v', APP_VERSION);
-      return u.toString();
-    } catch {
-      return url + (url.includes('?') ? '&' : '?') + 'v=' + encodeURIComponent(APP_VERSION);
-    }
-  }
-
-  async function fetchJSON(url) {
-    try {
-      const r = await fetch(cacheUrl(url), { cache: 'no-store' });
-      if (!r.ok) return null;
-      return await r.json();
-    } catch {
+      const r = await fetch(rulesURL(), { cache: "no-store" });
+      if (!r.ok) throw new Error(`HTTP ${r.status}`);
+      const json = await r.json();
+      setStatus("Rules loaded.", "success");
+      return json;
+    } catch (e) {
+      setStatus("Using built-in defaults (rules not available).", "warn");
       return null;
     }
   }
 
-  // ---------- Rules loading ----------
-  async function loadRules () {
-    setStatus('Loading rules…', 'oh-status');
-
-    let source = null;
-    const metaPath = document.querySelector('meta[name="oh-rules-path"]')?.content;
-    const tryPaths = [
-      metaPath,
-      '/order-helper/data/rules.json',
-      './data/rules.json',
-      'data/rules.json'
-    ].filter(Boolean);
-
-    // 1) Primary rules.json attempts
-    let base = null;
-    for (const p of tryPaths) {
-      const data = await fetchJSON(p);
-      if (data && (data.modalities || data.CT || data.MRI)) {
-        base = data; source = p; break;
-      }
-    }
-
-    // 2) Legacy split files (ct_rules.json / mri_rules.json)
-    if (!base) {
-      const ct  = await fetchJSON('/order-helper/data/ct_rules.json')
-              || await fetchJSON('./data/ct_rules.json')
-              || await fetchJSON('data/ct_rules.json');
-      const mri = await fetchJSON('/order-helper/data/mri_rules.json')
-              || await fetchJSON('./data/mri_rules.json')
-              || await fetchJSON('data/mri_rules.json');
-      if (ct || mri) {
-        base = { modalities: {} };
-        if (ct)  base.modalities['CT']  = ct.modalities?.CT  || ct.CT  || ct;
-        if (mri) base.modalities['MRI'] = mri.modalities?.MRI || mri.MRI || mri;
-        source = 'legacy ct_rules.json + mri_rules.json';
-      }
-    }
+  // Try multiple likely shapes, return array or null
+  function listFromRules(rules, modality, key) {
+    if (!rules) return null;
 
-    // 3) Embedded emergency defaults (UI never empty)
-    if (!base) {
-      console.warn('[OH] No rules file found; using embedded defaults.');
-      base = {
-        modalities: {
-          'CT': {
-            regions: ['Head/Brain', 'Chest', 'Abdomen/Pelvis'],
-            body_parts: ['Brain', 'Thorax', 'Abdomen and pelvis'],
-            contrast_options: ['None','With contrast','Without contrast','With and without'],
-            contexts: ['Acute','Oncology staging','Follow-up'],
-            conditions: ['Stroke/TIA','Lung nodule','RLQ pain/appendicitis'],
-            common_cpt: ['70450','71260','74177'],
-            cpt_map: {
-              'Head/Brain | Brain | Without contrast': ['70450'],
-              'Chest | Thorax | With contrast': ['71260'],
-              'Abdomen/Pelvis | Abdomen and pelvis | With contrast': ['74177']
-            },
-            icd10: ['I63.9','R91.1','R10.31'] // seed
-          },
-          'MRI': {
-            regions: ['Brain','Lumbar spine','Prostate (PI-RADS)'],
-            body_parts: ['Brain','Lumbar spine','Prostate'],
-            contrast_options: ['None','With and without'],
-            contexts: ['Problem solving','Staging','Follow-up'],
-            conditions: ['Tumor','Radiculopathy','Prostate cancer'],
-            common_cpt: ['70553','72148','72197'],
-            cpt_map: {
-              'Brain | Brain | With and without': ['70553'],
-              'Lumbar spine | Lumbar spine | Without contrast': ['72148'],
-              'Prostate (PI-RADS) | Prostate | With and without': ['72197']
-            },
-            icd10: ['C61','G35'] // seed
-          }
-        },
-        icd10_catalog: ['I63.9','R91.1','R10.31','C61','G35']
-      };
-      source = 'embedded defaults';
-    }
+    // Common shapes we support:
+    // 1) { modalities: { "CT": { regions:[...], contexts:[...], conditions:[...] } } }
+    if (rules.modalities?.[modality]?.[key]) return rules.modalities[modality][key];
 
-    // 4) Facility overlay (optional)
-    const facility =
-        await fetchJSON('/order-helper/data/rules.facility.json')
-     || await fetchJSON('./data/rules.facility.json')
-     || await fetchJSON('data/rules.facility.json');
-    if (facility) {
-      base = mergeRules(base, facility);
-      source += ' + facility overlay';
-    }
+    // 2) { "CT": { regions:[...], contexts:[...], conditions:[...] } }
+    if (rules[modality]?.[key]) return rules[modality][key];
 
-    // 5) Optional Firestore overlay
-    const overlaid = await overlayRemoteRules(base).catch(err => {
-      console.warn('[OH] Remote overlay failed:', err);
-      return base;
-    });
-    if (overlaid !== base) source += ' + remote overlay';
+    // 3) { regions: { "CT":[...] }, contexts: { "CT":[...] }, conditions: { "CT":[...] } }
+    if (rules[key]?.[modality]) return rules[key][modality];
 
-    // 6) Normalize to app schema (includes STEP 4 ICD-10 merge)
-    state.rules = normalizeRules(overlaid);
-    state.rulesSource = source || 'unknown';
+    // 4) Global arrays: { regions:[...]} (rare)
+    if (Array.isArray(rules[key])) return rules[key];
 
-    // 7) Sanity guard
-    if (!state.rules || !state.rules.modalities || !Object.keys(state.rules.modalities).length) {
-      await loadRulesFallback();
-      state.rulesSource = 'emergency defaults';
+    // Handle singular miskeys
+    if (key === "contexts") {
+      if (rules.modalities?.[modality]?.context) return rules.modalities[modality].context;
+      if (rules[modality]?.context) return rules[modality].context;
     }
-
-    const mods = Object.keys(state.rules.modalities || {});
-    setStatus(`Rules ready from ${state.rulesSource} — ${mods.length} modalities.`, 'oh-status success');
+    return null;
   }
 
-  // Last-resort fallback
-  async function loadRulesFallback() {
-    state.rules = {
-      modalities: {
-        'CT': {
-          regions: ['Head/Brain'],
-          body_parts: ['Brain'],
-          contrast_options: ['Without contrast'],
-          contexts: ['Acute'],
-          conditions: ['Stroke/TIA'],
-          common_cpt: ['70450'],
-          cpt_map: { 'Head/Brain | Brain | Without contrast': ['70450'] },
-          icd10: ['I63.9']
-        }
-      },
-      icd10_catalog: ['I63.9']
-    };
-    setStatus('Using emergency defaults. Please fix rules.json path/schema.', 'oh-status warn');
-  }
+  function buildRegionOptions(rules, modality) {
+    const sel = $("#region");
+    if (!sel) return;
+    sel.innerHTML = "";
 
-  // Optional: overlay from Firestore (if configured globally)
-  async function overlayRemoteRules (local) {
-    if (!(window.ORADIGIT_FIREBASE_CONFIG && window.firebase)) return local;
-    const app = firebase.apps?.length ? firebase.app() : firebase.initializeApp(window.ORADIGIT_FIREBASE_CONFIG);
-    const db = firebase.firestore();
-    const snap = await db.collection('order_helper_rules').doc('current').get();
-    if (!snap.exists) return local;
-    const remote = snap.data() || {};
-    return mergeRules(local, remote);
-  }
-
-  // Conservative deep merge for fields we use
-  function mergeRules (base, overlay) {
-    const out = JSON.parse(JSON.stringify(base || {}));
-    if (!overlay) return out;
-    if (overlay.modalities) {
-      out.modalities = { ...(out.modalities || {}), ...overlay.modalities };
-    }
-    if (Array.isArray(overlay.icd10_catalog)) {
-      const set = new Set([...(out.icd10_catalog || []), ...overlay.icd10_catalog]);
-      out.icd10_catalog = [...set];
-    }
-    return out;
-  }
-
-  // Normalize to a stable shape the UI expects
-  // STEP 4: while normalizing, also fold each modality's icd10 list into the global catalog (de-dupe)
-  function normalizeRules (r) {
-    const src = r?.modalities ? r.modalities : r || {};
-    const globalIcdSet = new Set(Array.isArray(r?.icd10_catalog) ? r.icd10_catalog : []);
-    const out = { modalities: {} , icd10_catalog: [] };
-
-    for (const [mod, specRaw] of Object.entries(src || {})) {
-      if (!specRaw) continue;
-      const spec = { ...specRaw };
-
-      const regions    = arr(spec.regions);
-      const body_parts = arr(spec.body_parts);
-      const contrast   = arr(spec.contrast_options, ['None','With contrast','Without contrast','With and without']);
-      const laterality = arr(spec.laterality, ['N/A','Left','Right','Bilateral']);
-      const contexts   = arr(spec.contexts, ['Staging','Restaging','Treatment response','Surveillance','Screening','Acute']);
-      const conditions = arr(spec.conditions);
-      const icd10      = arr(spec.icd10);
-      const common_cpt = arr(spec.common_cpt);
-      const cpt_map    = spec.cpt_map && typeof spec.cpt_map === 'object' ? spec.cpt_map : {};
-
-      // STEP 4: merge per-modality ICD-10 into global set
-      icd10.forEach(code => code && globalIcdSet.add(code));
-
-      out.modalities[mod] = {
-        regions, body_parts,
-        contrast_options: contrast,
-        laterality, contexts, conditions, icd10,
-        common_cpt, cpt_map
-      };
-    }
-
-    out.icd10_catalog = [...globalIcdSet];
-    return out;
-
-    function arr (x, fallback = []) {
-      if (Array.isArray(x)) return x.filter(Boolean);
-      if (x && Array.isArray(x.list)) return x.list.filter(Boolean);
-      return fallback.slice();
-    }
-  }
+    const regions = listFromRules(rules, modality, "regions") || FALLBACK.REGIONS[modality] || [];
+    const opt0 = document.createElement("option");
+    opt0.value = "";
+    opt0.textContent = "Select region…";
+    sel.appendChild(opt0);
 
-  // Ensure we always have at least baseline modality specs
-  function ensureMinimumModalities() {
-    const base = state.rules?.modalities || {};
-    const inject = (name, spec) => {
-      if (!base[name] || !Object.keys(base[name]).length) base[name] = spec;
-    };
-    inject('CT', {
-      regions: ['Head/Brain','Chest','Abdomen/Pelvis'],
-      body_parts: ['Brain','Thorax','Abdomen and pelvis'],
-      contrast_options: ['None','With contrast','Without contrast','With and without'],
-      contexts: ['Acute','Oncology staging','Follow-up'],
-      conditions: ['Stroke/TIA','Lung nodule','RLQ pain/appendicitis'],
-      common_cpt: ['70450','71260','74177'],
-      cpt_map: {
-        'Head/Brain | Brain | Without contrast': ['70450'],
-        'Chest | Thorax | With contrast': ['71260'],
-        'Abdomen/Pelvis | Abdomen and pelvis | With contrast': ['74177']
-      },
-      icd10: ['I63.9','R91.1','R10.31']
-    });
-    inject('MRI', {
-      regions: ['Brain','Cervical spine','Thoracic spine','Lumbar spine','Prostate (PI-RADS)'],
-      body_parts: ['Brain','Cervical spine','Thoracic spine','Lumbar spine','Prostate'],
-      contrast_options: ['None','With and without','With contrast','Without contrast'],
-      contexts: ['Problem solving','Staging','Follow-up','Acute'],
-      conditions: ['Tumor','MS','Seizure','Radiculopathy','Prostate cancer'],
-      common_cpt: ['70553','72141','72146','72148','72197'],
-      cpt_map: {
-        'Brain | Brain | With and without': ['70553'],
-        'Lumbar spine | Lumbar spine | Without contrast': ['72148'],
-        'Cervical spine | Cervical spine | Without contrast': ['72141'],
-        'Thoracic spine | Thoracic spine | Without contrast': ['72146'],
-        'Prostate (PI-RADS) | Prostate | With and without': ['72197']
-      },
-      icd10: ['C61','G35']
+    regions.forEach((r) => {
+      const o = document.createElement("option");
+      o.value = r;
+      o.textContent = r;
+      sel.appendChild(o);
     });
-    inject('PET/CT', {
-      regions: ['Skull base to mid-thigh','Whole body','Brain'],
-      body_parts: ['Skull base to mid-thigh','Whole body','Brain'],
-      contrast_options: ['None'],
-      contexts: ['Staging','Restaging','Treatment response','Surveillance'],
-      conditions: ['NSCLC','Lymphoma','Colorectal cancer','Melanoma','Head & neck'],
-      common_cpt: ['78815','78816'],
-      cpt_map: { 'Skull base to mid-thigh | Skull base to mid-thigh | None': ['78815'] },
-      icd10: ['C34.90','C83.30']
-    });
-    inject('Ultrasound', {
-      regions: ['Abdomen','Pelvis','Carotid (bilateral)','LE Venous (bilateral)'],
-      body_parts: ['Abdomen','Pelvis','Carotid arteries','LE veins'],
-      contrast_options: ['None'],
-      contexts: ['Initial evaluation','Follow-up','Screening'],
-      conditions: ['RUQ pain','AUB','DVT','TIA'],
-      common_cpt: ['76700','76856','93880','93970'],
-      icd10: ['R10.11','I82.4Z3']
-    });
-    inject('X-Ray', {
-      regions: ['Chest','Abdomen (KUB)','Pelvis','Cervical spine','Thoracic spine','Lumbar spine','Upper extremity','Lower extremity'],
-      body_parts: ['Chest','Abdomen','Pelvis','Cervical spine','Thoracic spine','Lumbar spine','Upper extremity','Lower extremity'],
-      contrast_options: ['None'],
-      contexts: ['Acute','Trauma','Follow-up','Infection'],
-      conditions: ['Fracture','Pneumonia','Effusion','Osteomyelitis'],
-      common_cpt: ['71046','74018'],
-      icd10: ['T14.90XA','J18.9']
-    });
-    state.rules.modalities = base;
-
-    // also ensure global catalog includes these (in case normalizeRules ran earlier without them)
-    const set = new Set(state.rules.icd10_catalog || []);
-    Object.values(base).forEach(m => (m.icd10 || []).forEach(code => code && set.add(code)));
-    state.rules.icd10_catalog = [...set];
   }
 
-  // ---------- UI population ----------
-  function populateModalities () {
-    const mods = Object.keys(state.rules.modalities || {});
-    els.modality.innerHTML = optionize(mods, 'Select modality');
+  function buildContextChips(rules, modality) {
+    const wrap = $("#contextChips");
+    const hidden = $("#context");
+    if (!wrap || !hidden) return;
+
+    wrap.innerHTML = "";
+    hidden.innerHTML = "";
+
+    const contexts = listFromRules(rules, modality, "contexts") || FALLBACK.CONTEXTS;
+    contexts.forEach((c) => {
+      const btn = document.createElement("button");
+      btn.type = "button";
+      btn.className = "chip";
+      btn.textContent = c;
+      btn.dataset.value = c;
+      btn.addEventListener("click", () => {
+        btn.classList.toggle("active");
+        syncContextHidden();
+        syncPreview();
+      });
+      wrap.appendChild(btn);
 
-    // Auto-select first modality to ensure dependent selects populate (STEP 4)
-    if (mods.length) {
-      // If nothing selected or previous value missing, pick first
-      if (!els.modality.value || !mods.includes(els.modality.value)) {
-        els.modality.value = mods[0];
-      }
-      populateForModality(els.modality.value);
-      buildReview();
-    }
+      const opt = document.createElement("option");
+      opt.value = c;
+      hidden.appendChild(opt);
+    });
   }
 
-  function populateForModality (mod) {
-    const m = state.rules.modalities[mod] || {};
-    els.region.innerHTML     = optionize(m.regions, 'Select region');
-    els.bodyPart.innerHTML   = optionize(m.body_parts, 'Select body part');
-    els.contrast.innerHTML   = optionize(m.contrast_options || ['None'], 'Select contrast');
-    els.laterality.innerHTML = optionize(m.laterality || ['N/A','Left','Right','Bilateral'], 'Select laterality');
-    els.context.innerHTML    = optionize(m.contexts || ['Staging','Restaging','Treatment response','Surveillance'], 'Select context');
-
-    // Datalists
-    // Merge global + per-modality ICD-10 (STEP 4 already merged globally, but keep per-modality first for convenience)
-    const mergedICD = [...new Set([...(m.icd10 || []), ...(state.rules.icd10_catalog || [])])];
-    renderDatalist(els.icdList, mergedICD);
-    renderDatalist(els.conditionList, m.conditions || []);
-
-    // Seed CPT with common until we can compute from selections
-    els.cpt.innerHTML = optionize(m.common_cpt || [], 'Suggested CPT');
+  function syncContextHidden() {
+    const hidden = $("#context");
+    if (!hidden) return;
+    const active = Array.from(document.querySelectorAll("#contextChips .chip.active")).map((b) => b.dataset.value);
+    Array.from(hidden.options).forEach((o) => (o.selected = active.includes(o.value)));
   }
 
-  function optionize (arr, placeholder) {
-    const opts = (arr || []).map(v => `<option value="${escapeHtml(v)}">${escapeHtml(v)}</option>`).join('');
-    return `<option value="" disabled selected>${escapeHtml(placeholder)}</option>${opts}`;
+  function buildConditionList(rules, modality) {
+    const dl = $("#conditionList");
+    if (!dl) return;
+    dl.innerHTML = "";
+    const list = listFromRules(rules, modality, "conditions") || FALLBACK.CONDITIONS[modality] || [];
+    list.forEach((v) => {
+      const o = document.createElement("option");
+      o.value = v;
+      dl.appendChild(o);
+    });
   }
 
-  function renderDatalist (node, arr) {
-    if (!node) return;
-    node.innerHTML = (arr || []).map(v => `<option value="${escapeHtml(v)}"></option>`).join('');
+  function toggleContrast(show) {
+    const g = $("#contrastGroup");
+    if (!g) return;
+    g.classList.toggle("hidden", !show);
   }
 
-  function escapeHtml (s = '') {
-    return s.replace(/[&<>\"']/g, m => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[m]));
-  }
+  function syncPreview() {
+    const mod = $("#modality")?.value || "—";
+    $("#pv-modality").textContent = mod;
+    $("#pv-region").textContent = $("#region")?.value || "—";
 
-  // ---------- CPT suggestion ----------
-  function suggestCPT () {
-    const mod = els.modality.value;
-    if (!mod) return [];
-    const m = state.rules.modalities[mod] || {};
-    const key = [els.region.value, els.bodyPart.value, els.contrast.value].join(' | ');
-    const table = m.cpt_map || {};
-    const hits = table[key] || [];
-    return hits.length ? hits : (m.common_cpt || []);
-  }
+    const ctx = Array.from(document.querySelectorAll("#context option:checked")).map((o) => o.value);
+    $("#pv-context").textContent = ctx.length ? ctx.join(", ") : "—";
 
-  // ---------- Reason / Review builders ----------
-  function buildReason () {
-    const cond = els.condition.value || els.icd10.value || '(no coded condition)';
-    const ctx  = els.context.value ? `${els.context.value.toLowerCase()}` : 'diagnostic';
+    $("#pv-condition").textContent = $("#condition")?.value || "—";
 
-    if (els.indication.value && els.indication.value.trim()) {
-      return els.indication.value.trim();
+    const cg = $("#contrastGroup");
+    if (cg && !cg.classList.contains("hidden")) {
+      const r = cg.querySelector("input[type=radio]:checked");
+      const oral = $("#oralContrast")?.checked;
+      let txt = r ? (r.value === "with_iv" ? "With IV contrast" : "Without IV contrast") : "—";
+      if (oral) txt += " + oral";
+      $("#pv-contrast").textContent = txt;
+    } else {
+      $("#pv-contrast").textContent = "—";
     }
-    const base = `Evaluate ${cond} with ${els.modality.value} ${els.bodyPart.value || els.region.value}`.trim();
-    const bits = [];
-    if (els.contrast.value && els.contrast.value !== 'None') bits.push(els.contrast.value.toLowerCase());
-    if (els.laterality.value && els.laterality.value !== 'N/A') bits.push(els.laterality.value.toLowerCase());
-    if (els.context.value) bits.push(`for ${ctx}`);
-    return [base, bits.join(', ')].filter(Boolean).join(', ').replace(/, for/, ' for');
+
+    $("#pv-indication").textContent = ($("#indication")?.value || "—").trim();
   }
 
-  function buildReview () {
-    if (!els.review) return;
-    const lines = [];
-    const cptList = suggestCPT();
-
-    const study = `${val(els.modality)} ${val(els.bodyPart) || val(els.region)} ${val(els.contrast)}`.replace(/\s+/g,' ').trim();
-    if (study) lines.push(`Study: ${study}`);
-    if (els.laterality.value && els.laterality.value !== 'N/A') lines.push(`Laterality: ${els.laterality.value}`);
-    if (els.context.value) lines.push(`Context: ${els.context.value}`);
-    if (els.urgency.value) lines.push(`Urgency: ${els.urgency.value}`);
-    if (els.condition.value) lines.push(`Condition: ${els.condition.value}`);
-    if (els.icd10.value) lines.push(`ICD-10: ${els.icd10.value}`);
-    if (cptList.length) lines.push(`Suggested CPT: ${cptList.join(', ')}`);
-    if (els.pregnant.value && els.pregnant.value!=='Unknown') lines.push(`Pregnancy: ${els.pregnant.value}`);
-    if (els.creatinineDate.value) lines.push(`Most recent creatinine: ${els.creatinineDate.value}`);
-    if (els.allergies.value) lines.push(`Allergies/precautions: ${els.allergies.value}`);
-    if (els.special.value) lines.push(`Special instructions: ${els.special.value}`);
-
-    const reason = buildReason();
-    if (reason) lines.push(`Reason for exam: ${reason}`);
-
-    els.review.textContent = lines.filter(Boolean).join('\n');
+  function buildIndication() {
+    const mod = $("#modality").value;
+    const reg = $("#region").value;
+    const ctx = Array.from(document.querySelectorAll("#context option:checked")).map((o) => o.value);
+    const cond = $("#condition").value;
+
+    let s = "";
+    if (mod && reg) s += `${mod} ${reg}`;
+    else if (mod) s += mod;
+    if (cond) s += ` for ${cond}`;
+    if (ctx.length) s += ` (${ctx.join(", ")})`;
+    return s;
   }
 
-  function val (el) {
-    return (el && el.value && el.value !== 'None' && el.value !== 'N/A') ? el.value : '';
+  function onFormChange() {
+    const txt = buildIndication();
+    if (txt) $("#indication").value = txt;
+    syncPreview();
   }
 
-  // ---------- Events ----------
-  function wireEvents () {
-    // Change of modality populates dependent fields and refreshes review
-    els.modality.addEventListener('change', () => {
-      populateForModality(els.modality.value);
-      buildReview();
+  function wireEvents(rules) {
+    $("#modality")?.addEventListener("change", () => {
+      const mod = $("#modality").value || "CT";
+      toggleContrast(mod === "CT");
+      buildRegionOptions(rules, mod);
+      buildContextChips(rules, mod);
+      buildConditionList(rules, mod);
+      syncPreview();
     });
 
-    // Rebuild review on inputs + refresh CPT when key selectors change
-    [
-      els.region, els.bodyPart, els.contrast, els.laterality, els.context,
-      els.condition, els.icd10, els.cpt, els.urgency,
-      els.pregnant, els.creatinineDate, els.allergies, els.special, els.indication
-    ].forEach(el => el && el.addEventListener('input', () => {
-      if ([els.region, els.bodyPart, els.contrast].includes(el)) {
-        const options = suggestCPT();
-        els.cpt.innerHTML = optionize(options, 'Suggested CPT');
-      }
-      buildReview();
-    }));
-
-    // Suggest Reason
-    els.btnSuggest?.addEventListener('click', () => {
-      els.indication.value = buildReason();
-      buildReview();
-      setStatus('Suggested reason inserted.');
-    });
+    $("#region")?.addEventListener("change", onFormChange);
+    $("#condition")?.addEventListener("input", onFormChange);
+    $("#indication")?.addEventListener("input", syncPreview);
+    document.querySelectorAll("#contrastGroup input").forEach((n) => n.addEventListener("change", syncPreview));
 
-    // Copy review
-    els.btnCopy?.addEventListener('click', async () => {
-      try {
-        await navigator.clipboard.writeText(els.review.textContent || '');
-        setStatus('Copied to clipboard.');
-      } catch {
-        setStatus('Unable to copy. Select and copy manually.', 'oh-status warn');
-      }
+    $("#orderForm")?.addEventListener("submit", (e) => {
+      e.preventDefault();
+      // Hook for suggestion logic if needed later
+      setStatus("Order suggestion updated.", "success");
+      syncPreview();
     });
 
-    // Share review
-    els.btnShare?.addEventListener('click', async () => {
-      const text = els.review.textContent || '';
-      const title = 'Radiology Order';
+    document.getElementById("copyIndication")?.addEventListener("click", async () => {
+      const text = $("#indication")?.value || "";
+      if (!text.trim()) return;
       try {
-        if (navigator.share) {
-          await navigator.share({ title, text });
-        } else {
-          const url = new URL(window.location);
-          url.hash = encodeURIComponent(text);
-          await navigator.clipboard.writeText(url.toString());
-          alert('Share not supported. A sharable URL has been copied to your clipboard.');
-        }
-        setStatus('Shared.');
-      } catch (e) {
-        console.warn(e);
-        setStatus('Share canceled.', 'oh-status warn');
+        await navigator.clipboard.writeText(text.trim());
+        setStatus("Clinical indication copied to clipboard.", "success");
+      } catch {
+        setStatus("Unable to copy. Please select and copy manually.", "warn");
       }
     });
-
-    // Reset
-    els.btnReset?.addEventListener('click', () => {
-      els.form.reset();
-      populateModalities(); // this will auto-select first and repopulate
-      els.review.textContent = 'Select options to build the order…';
-      setStatus('Form reset.');
-    });
-
-    // Submit
-    els.form?.addEventListener('submit', onSubmit);
   }
 
-  // ---------- Submit (Firestore write or PDF export) ----------
-  async function onSubmit (evt) {
-    evt.preventDefault();
-    const payload = {
-      created_at: new Date().toISOString(),
-      modality: els.modality.value,
-      region: els.region.value,
-      bodyPart: els.bodyPart.value,
-      contrast: els.contrast.value,
-      laterality: els.laterality.value,
-      context: els.context.value,
-      urgency: els.urgency.value,
-      condition: els.condition.value,
-      icd10: els.icd10.value,
-      cpt: els.cpt.value,
-      indication: els.indication.value || buildReason(),
-      pregnant: els.pregnant.value,
-      creatinineDate: els.creatinineDate.value,
-      allergies: els.allergies.value,
-      special: els.special.value,
-      review: els.review.textContent
-    };
-
-    // Optional Firestore write
-    if (window.ORADIGIT_FIREBASE_CONFIG && window.firebase) {
-      try {
-        const app = firebase.apps?.length ? firebase.app() : firebase.initializeApp(window.ORADIGIT_FIREBASE_CONFIG);
-        const db = firebase.firestore();
-        await db.collection('orders').add(payload);
-        setStatus('Submitted to Firestore.');
-        els.form.reset();
-        populateModalities();
-        buildReview();
-        return;
-      } catch (e) {
-        console.warn('Firestore submit failed:', e);
-        setStatus('Saved locally (Firestore unavailable).', 'oh-status warn');
-      }
-    }
-
-    // Generate a PDF of the order
-    try {
-      await generatePDF(payload);
-      setStatus('PDF generated.');
-    } catch (e) {
-      console.warn('PDF generation failed:', e);
-      setStatus('PDF generation failed. Use Copy as fallback.', 'oh-status warn');
-    }
-  }
-
-  // ---------- Debug panel (query ?debug=1) ----------
-  function attachDebugPanel() {
-    if (new URLSearchParams(location.search).get('debug') !== '1') return;
-    const host = document.querySelector('.oh-hero .container') || document.body;
-    const el = document.createElement('div');
-    el.style.cssText = 'margin-top:.75rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;color:#64748b';
-    el.id = 'oh-debug';
-    host.appendChild(el);
-
-    const update = () => {
-      try {
-        const mods = Object.keys(state?.rules?.modalities || {});
-        const mod = document.querySelector('#modality')?.value || '(none)';
-        el.textContent = `[OH DEBUG] v=${APP_VERSION} | source=${state.rulesSource} | modalities=${mods.length} [${mods.join(', ')}] | selected=${mod}`;
-      } catch {
-        el.textContent = `[OH DEBUG] v=${APP_VERSION} | (no rules yet)`;
-      }
-    };
-    update();
-    document.addEventListener('input', update, true);
-    document.addEventListener('change', update, true);
+  async function init() {
+    const rules = await loadRules();
+    const mod = $("#modality")?.value || "CT";
+    toggleContrast(mod === "CT");
+    buildRegionOptions(rules, mod);
+    buildContextChips(rules, mod);
+    buildConditionList(rules, mod);
+    wireEvents(rules);
+    syncPreview();
   }
 
-  // ---------- PDF generation ----------
-  async function generatePDF(payload) {
-    const { jsPDF } = window.jspdf || {};
-    if (!jsPDF) {
-      console.warn('jsPDF not available');
-      alert('PDF generator unavailable. Please try again or use Copy.');
-      return;
-    }
-
-    const doc = new jsPDF({ unit: 'pt', format: 'letter' }); // 612x792pt
-    const marginX = 54; // 0.75"
-    const lineH = 18;
-    let y = 72; // 1" top
-
-    // Header
-    doc.setFont('helvetica', 'bold');
-    doc.setFontSize(16);
-    doc.text('Radiology Order', marginX, y);
-    y += 8;
-
-    doc.setFont('helvetica', 'normal');
-    doc.setFontSize(10);
-    doc.setTextColor(100);
-    doc.text(`Generated: ${new Date().toLocaleString()}`, marginX, y + lineH);
-    y += (lineH * 2);
-
-    // Utility: wrapped text block
-    function write(label, value) {
-      if (!value) return;
-      doc.setFont('helvetica', 'bold');
-      doc.setTextColor(30);
-      doc.setFontSize(11);
-      doc.text(label, marginX, y);
-      y += 14;
-
-      doc.setFont('courier', 'normal'); // mono for aligned look
-      doc.setTextColor(30);
-      doc.setFontSize(11);
-
-      const maxWidth = 612 - marginX * 2;
-      const rows = doc.splitTextToSize(String(value), maxWidth);
-      rows.forEach(row => {
-        doc.text(row, marginX, y);
-        y += lineH;
-        if (y > 760) { // page break safety
-          doc.addPage();
-          y = 72;
-        }
-      });
-      y += 6;
-    }
-
-    // Content
-    write('Study', `${payload.modality} ${payload.bodyPart || payload.region} ${payload.contrast}`.replace(/\s+/g,' ').trim());
-    if (payload.laterality && payload.laterality !== 'N/A') write('Laterality', payload.laterality);
-    if (payload.context) write('Context', payload.context);
-    if (payload.urgency) write('Urgency', payload.urgency);
-    if (payload.condition) write('Condition', payload.condition);
-    if (payload.icd10) write('ICD-10', payload.icd10);
-    if (payload.cpt) write('CPT (suggested)', payload.cpt);
-    if (payload.creatinineDate) write('Most recent creatinine', payload.creatinineDate);
-    if (payload.pregnant && payload.pregnant !== 'Unknown') write('Pregnancy', payload.pregnant);
-    if (payload.allergies) write('Allergies / Precautions', payload.allergies);
-    if (payload.special) write('Special instructions', payload.special);
-    write('Reason for exam', payload.indication || payload.review);
-    write('Order summary', payload.review);
-
-    // Footer disclaimer
-    if (y > 720) { doc.addPage(); y = 72; }
-    doc.setFont('helvetica', 'italic');
-    doc.setTextColor(110);
-    doc.setFontSize(9);
-    doc.text('Structured for ordering clarity. Educational use only; not medical advice.', marginX, 780);
-
-    const fnameParts = [
-      'order',
-      (payload.modality || '').replace(/\W+/g,'-').toLowerCase(),
-      Date.now()
-    ].filter(Boolean);
-    const filename = `${fnameParts.join('_')}.pdf`;
-    doc.save(filename);
-  }
-})();
-</script>
-/* ===== OH loader shim (non-destructive) ===== */
-(() => {
-  // Wait for DOM if this script isn’t loaded with `defer`
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', init, { once: true });
+  // Run after parse
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", init);
   } else {
     init();
   }
-
-  function init() {
-    // Namespace (won't clobber your existing code)
-    window.OH = window.OH || {};
-    const $ = (s) => document.querySelector(s);
-    const setText = (el, msg) => { if (el) el.textContent = msg; };
-
-    // Elements (adjust IDs only if yours differ)
-    const els = {
-      status:     $('#status'),
-      modality:   $('#modality'),
-      region:     $('#region'),
-      bodyPart:   $('#bodyPart'),
-      contrast:   $('#contrast'),
-      laterality: $('#laterality'),
-      context:    $('#context'),
-    };
-
-    // Use the exact meta path (you already include ?v=20250913)
-    const RULES_URL =
-      document.querySelector('meta[name="oh-rules-path"]')?.content ||
-      '/order-helper/data/rules.json';
-
-    const FALLBACK = Object.freeze({
-      schema_version: '1.1',
-      modalities: {
-        'PET/CT': {
-          regions:    ['Skull base to mid-thigh', 'Whole body'],
-          body_parts: ['Head/Neck', 'Chest', 'Abdomen/Pelvis'],
-          contrast:   ['None'],
-          laterality: ['N/A'],
-          contexts:   ['Staging','Restaging','Treatment response','Surveillance','Acute'],
-        },
-        'CT': {
-          regions:    ['Head/Brain','Chest','Abdomen/Pelvis'],
-          body_parts: ['Head','Chest','Abdomen','Pelvis'],
-          contrast:   ['None','IV','Oral','IV + Oral'],
-          laterality: ['N/A','Right','Left','Bilateral'],
-          contexts:   ['Acute','Follow-up','Staging'],
-        },
-        'MRI': {
-          regions:    ['Brain','Spine','MSK'],
-          body_parts: ['Brain','Cervical','Lumbar','Hip'],
-          contrast:   ['None','Gadolinium'],
-          laterality: ['N/A','Right','Left','Bilateral'],
-          contexts:   ['Acute','Follow-up','Staging'],
-        }
-      }
-    });
-
-    const validate = (cat) => !!(cat && typeof cat === 'object' && cat.modalities && typeof cat.modalities === 'object');
-
-    function setOptions(selectEl, items, placeholder) {
-      if (!selectEl) return;
-      const list = Array.isArray(items) ? items : [];
-      selectEl.innerHTML = '';
-      const ph = document.createElement('option');
-      ph.value = '';
-      ph.textContent = placeholder || 'Select…';
-      ph.disabled = true; ph.selected = true;
-      selectEl.appendChild(ph);
-      for (const v of list) {
-        const opt = document.createElement('option');
-        opt.value = v; opt.textContent = v;
-        selectEl.appendChild(opt);
-      }
-    }
-
-    function bindCascades(cat) {
-      if (!els.modality) return;
-      const modalities = Object.keys(cat.modalities || {});
-      setOptions(els.modality, modalities, 'Select modality…');
-
-      els.modality.addEventListener('change', () => {
-        const m = els.modality.value;
-        const spec = (cat.modalities || {})[m] || {};
-        setOptions(els.region,     spec.regions,     'Select region…');
-        setOptions(els.bodyPart,   spec.body_parts,  'Select body part…');
-        setOptions(els.contrast,   spec.contrast,    'Select contrast…');
-        setOptions(els.laterality, spec.laterality,  'Select laterality…');
-        setOptions(els.context,    spec.contexts,    'Select context…');
-      });
-    }
-
-    async function loadCatalog() {
-      setText(els.status, 'Loading rules…');
-      try {
-        const res = await fetch(RULES_URL, { cache: 'no-store' });
-        if (!res.ok) throw new Error(`HTTP ${res.status}`);
-        const json = await res.json();
-        if (!validate(json)) throw new Error('Invalid rules schema');
-        setText(els.status, 'Rules loaded.');
-        return json;
-      } catch (err) {
-        console.warn('[OH] rules load failed, using fallback:', err);
-        setText(els.status, 'Using built-in defaults (rules.json unavailable).');
-        return FALLBACK;
-      }
-    }
-
-    // Expose for the rest of your app (non-breaking)
-    window.OH.loadCatalog = loadCatalog;
-
-    // Boot: load then bind; announce readiness
-    loadCatalog().then(cat => {
-      window.OH.catalog = cat;
-      bindCascades(cat);
-      document.dispatchEvent(new CustomEvent('oh:catalog-ready', { detail: { catalog: cat } }));
-    });
-  }
 })();
-
diff --git a/order-helper/index.html b/order-helper/index.html
index d3a7867..20d97a4 100644
--- a/order-helper/index.html
+++ b/order-helper/index.html
@@ -2,24 +2,26 @@
 layout: default
 title: OraDigit Order Helper
 permalink: /order-helper/
-description: Evidence-based PET/CT, CT, MRI, US, X-Ray — structured order helper with validation and PDF export. No PHI. Educational use only.
-oh_loader: true
+description: Evidence-based PET/CT, CT, and MRI order helper with validation and export. No PHI. Educational use only.
 ---
 
 <!-- Page-scoped assets & config -->
-<link rel="stylesheet" href="{{ '/order-helper/style.css' | relative_url }}?v=20250913" />
-<meta name="oh-rules-path" content="{{ '/order-helper/data/rules.json' | relative_url }}?v=20250913" />
-<meta name="oh-version" content="20250913" />
+<link rel="stylesheet" href="{{ '/order-helper/style.css' | relative_url }}?v=20250904">
+<meta name="oh-rules-path" content="{{ '/order-helper/data/rules.json' | relative_url }}?v=20250904">
+<meta name="oh-version" content="20250904">
 
 <!-- Error beacon: surface JS errors in the status bar -->
 <script>
   window.addEventListener('error', e => {
     const s = document.getElementById('status');
-    if (s) { s.textContent = 'JavaScript error: ' + (e.message || 'Unknown'); s.className = 'oh-status error'; }
-  });
-  window.addEventListener('unhandledrejection', e => {
-    const s = document.getElementById('status');
-    if (s) { s.textContent = 'App error: ' + (e.reason?.message || e.reason || 'Unknown'); s.className = 'oh-status error'; }
+<<<<<<< HEAD
+    if (s) {
+      s.textContent = 'JavaScript error: ' + (e.message || 'Unknown');
+      s.className = 'status error';
+    }
+=======
+    if (s) { s.textContent = 'JavaScript error: ' + (e.message || 'Unknown'); s.className = 'status error'; }
+>>>>>>> 47d41e0 (OH: switch to data/ (case fix); update index + app (live preview & loader))
   });
 </script>
 
@@ -30,200 +32,259 @@
     if (!s) return;
     try {
       const url = document.querySelector('meta[name="oh-rules-path"]')?.content;
-      if (!url) { s.textContent = 'Missing oh-rules-path meta.'; s.className = 'oh-status error'; return; }
+      if (!url) { s.textContent = 'Missing oh-rules-path meta.'; s.className = 'status error'; return; }
       s.textContent = 'Boot check… fetching rules…';
       const r = await fetch(url, { cache: 'no-store' });
-      if (r.ok) { s.textContent = 'Boot check OK. Loading app…'; s.className = 'oh-status success'; }
-      else { s.textContent = `Rules fetch failed (${r.status}). Check path/case: ` + url; s.className = 'oh-status error'; }
+      if (r.ok) { s.textContent = 'Boot check OK. Loading app…'; s.className = 'status success'; }
+      else { s.textContent = `Rules fetch failed (${r.status}). Check path/case: ` + url; s.className = 'status error'; }
     } catch (e) {
       s.textContent = 'Rules fetch error: ' + e.message;
-      s.className = 'oh-status error';
+      s.className = 'status error';
     }
   });
 </script>
 
-<section class="oh-hero">
-  <div class="container">
+<section class="order-helper container" aria-labelledby="oh-title">
+  <header class="oh-header">
     <h1 id="oh-title">OraDigit Order Helper</h1>
-    <p class="sub">
-      Structure payer-ready imaging orders. Select modality and context; we’ll generate a professional
-      clinical indication, show prep/flags, and export a PDF. All client-side. No PHI.
+    <p class="lead">
+      Structure clear, payer-ready imaging orders. Select modality and context; we’ll generate
+      a professional clinical indication and surface prep/flags. All client-side. No PHI.
     </p>
-    <div id="status" class="oh-status" role="status" aria-live="polite">Initializing…</div>
-    <div id="dbg" class="oh-dbg" aria-hidden="true"></div>
-  </div>
-</section>
+    <div id="status" class="status" role="status" aria-live="polite"></div>
+    <div id="rulesErrors" class="status error" style="display:none"></div>
+  </header>
 
-<section class="oh-app container" aria-labelledby="oh-title" aria-label="Order Helper form">
   <div class="oh-grid">
     <!-- ================= LEFT: FORM ================= -->
-    <form id="orderForm" class="oh-card" autocomplete="off" novalidate>
+    <form id="orderForm" class="oh-form" novalidate>
       <!-- Modality -->
-      <div class="oh-row">
+      <div class="field">
         <label for="modality">Modality <span aria-hidden="true">*</span></label>
         <select id="modality" name="modality" required>
-          <option value="" disabled selected>Select modality…</option>
-          <!-- options populated by app.js from rules.json -->
+          <option value="">Select…</option>
+          <option value="PET/CT" selected>PET/CT</option>
+          <option value="CT">CT</option>
+          <option value="MRI">MRI</option>
         </select>
-        <small class="hint">Regions, body parts, contrast, and contexts adapt to your selection.</small>
-      </div>
-
-      <!-- Region + Body Part -->
-      <div class="oh-row two">
-        <div>
-          <label for="region">Region <span aria-hidden="true">*</span></label>
-          <select id="region" name="region" required>
-            <option value="" disabled selected>Select region…</option>
-          </select>
-        </div>
-        <div>
-          <label for="bodyPart">Body Part <span aria-hidden="true">*</span></label>
-          <select id="bodyPart" name="bodyPart" required>
-            <option value="" disabled selected>Select body part…</option>
-          </select>
-        </div>
+        <small class="hint">Regions, contexts, and conditions adapt to your selection.</small>
       </div>
 
-      <!-- Contrast + Laterality -->
-      <div class="oh-row two">
-        <div>
-          <label for="contrast">Contrast</label>
-          <select id="contrast" name="contrast">
-            <option value="" disabled selected>Select contrast…</option>
-          </select>
-        </div>
-        <div>
-          <label for="laterality">Laterality</label>
-          <select id="laterality" name="laterality">
-            <option value="" disabled selected>Select laterality…</option>
-          </select>
-        </div>
+      <!-- Region -->
+      <div class="field">
+        <label for="region">Region <span aria-hidden="true">*</span></label>
+        <select id="region" name="region" required></select>
       </div>
 
-      <!-- Context + Urgency -->
-      <div class="oh-row two">
-        <div>
-          <label for="context">Clinical Context</label>
-          <select id="context" name="context">
-            <option value="" disabled selected>Select context…</option>
-          </select>
-          <small class="hint">e.g., Staging, Restaging, Treatment response, Surveillance, Acute</small>
-        </div>
-        <div>
-          <label for="urgency">Urgency</label>
-          <select id="urgency" name="urgency">
-            <option value="Routine" selected>Routine</option>
-            <option value="Urgent">Urgent</option>
-            <option value="STAT">STAT</option>
-          </select>
-        </div>
-      </div>
+      <!-- Context (chips UI expected by app.js) -->
+      <div class="field">
+        <label>Context <span aria-hidden="true">*</span></label>
 
-      <!-- Condition + ICD-10 -->
-      <div class="oh-row two">
-        <div>
-          <label for="condition">Condition (structured)</label>
-          <input id="condition" name="condition" list="conditionList" placeholder="e.g., NSCLC, stroke, appendicitis" />
-          <datalist id="conditionList"></datalist>
-        </div>
-        <div>
-          <label for="icd10">ICD-10</label>
-          <input id="icd10" name="icd10" list="icdList" placeholder="e.g., C34.90" />
-          <datalist id="icdList"></datalist>
-        </div>
-      </div>
+        <!-- Chips rendered dynamically by app.js -->
+        <div id="contextChips" class="oh-chips" role="group" aria-label="Context"></div>
 
-      <!-- CPT (suggested) -->
-      <div class="oh-row">
-        <label for="cpt">CPT (suggested)</label>
-        <select id="cpt" name="cpt">
-          <option value="" disabled selected>Suggested CPT…</option>
-        </select>
-      </div>
+        <!-- Hidden mirror for compatibility (app.js keeps in sync) -->
+        <select id="context" name="context" multiple hidden></select>
 
-      <!-- Indication -->
-      <div class="oh-row">
-        <label for="indication">Clinical Indication (free text)</label>
-        <textarea id="indication" name="indication" rows="3" placeholder="Auto-generated (you can edit)…"></textarea>
+        <small class="hint">Click one or more (e.g., staging, restaging, surveillance, acute, follow-up).</small>
       </div>
 
-      <!-- Safety / Special -->
-      <div class="oh-row two">
-        <div>
-          <label for="pregnant">Pregnancy status</label>
-          <select id="pregnant" name="pregnant">
-            <option value="Unknown" selected>Unknown</option>
-            <option value="No">No</option>
-            <option value="Yes">Yes</option>
-            <option value="Not applicable">Not applicable</option>
-          </select>
-        </div>
-        <div>
-          <label for="creatinineDate">Most recent creatinine (date)</label>
-          <input id="creatinineDate" name="creatinineDate" type="date" placeholder="mm/dd/yyyy" />
-        </div>
+      <!-- Condition (with datalist suggestions) -->
+      <div class="field">
+        <label for="condition">Condition</label>
+        <input id="condition" name="condition" list="conditionList" placeholder="e.g., NSCLC, renal colic, PE, appendicitis"/>
+        <datalist id="conditionList"></datalist>
+        <small class="hint">Start typing to see common conditions for the chosen modality.</small>
       </div>
 
-      <div class="oh-row">
-        <label for="allergies">Allergies / Precautions</label>
-        <textarea id="allergies" name="allergies" rows="2" placeholder="e.g., contrast allergy; premed needed"></textarea>
-      </div>
+      <!-- Contrast (CT only; shown/hidden by JS) -->
+      <fieldset id="contrastGroup" class="oh-contrast hidden">
+        <legend>CT Contrast</legend>
+        <label class="inline"><input type="radio" name="contrast" value="with_iv"> With IV contrast</label>
+        <label class="inline"><input type="radio" name="contrast" value="without_iv"> Without IV contrast</label>
+        <label class="inline"><input type="checkbox" id="oralContrast" value="oral"> Add oral contrast (abd/pelvis)</label>
+        <small class="hint">We’ll auto-suggest based on condition (e.g., “renal colic” → without IV; “PE/CTA” → with IV).</small>
+      </fieldset>
 
-      <div class="oh-row">
-        <label for="special">Special Instructions</label>
-        <input id="special" name="special" placeholder="e.g., sedation, interpreter, infection precautions" />
+      <!-- Indication (auto-built but editable) -->
+      <div class="field">
+        <label for="indication">Clinical Indication</label>
+        <textarea id="indication" name="indication" rows="3" placeholder="Auto-generated (you can edit)…"></textarea>
       </div>
 
-      <!-- Actions -->
-      <div class="oh-actions">
-        <button type="button" id="btnSuggest" class="btn">Suggest Reason</button>
-        <button type="button" id="btnCopy" class="btn btn-secondary">Copy</button>
-        <button type="button" id="btnShare" class="btn btn-outline">Share</button>
-        <button type="button" id="btnReset" class="btn btn-warning">Reset</button>
-        <button type="submit" id="btnSubmit" class="btn btn-primary">Submit & Export PDF</button>
+      <div class="actions">
+        <button type="submit" class="btn-primary">Suggest Order</button>
+        <button type="button" id="copyIndication" class="btn-ghost" aria-label="Copy clinical indication">Copy Indication</button>
+        <span id="errMsg" role="alert" class="muted"></span>
+        <div id="dbg" aria-live="polite" class="muted" style="font-size:12px"></div>
       </div>
     </form>
 
-    <!-- ================= RIGHT: ORDER REVIEW ================= -->
-    <aside class="oh-card review" aria-label="Order review">
-      <div class="oh-review-header">
-        <h2>Order Review</h2>
-        <div class="oh-review-actions">
-          <button id="btnCopy" class="icon-btn" title="Copy to clipboard">📋</button>
-          <button id="btnShare" class="icon-btn" title="Share">🔗</button>
+    <!-- ================= RIGHT: PREVIEW / SUGGESTIONS ================= -->
+    <aside class="oh-aside" aria-label="Order preview and suggestions">
+      <div class="card">
+        <h2>Order Preview</h2>
+        <div class="preview">
+          <div><strong>Modality:</strong> <span id="pv-modality">—</span></div>
+          <div><strong>Region:</strong> <span id="pv-region">—</span></div>
+          <div><strong>Context:</strong> <span id="pv-context">—</span></div>
+          <div><strong>Condition:</strong> <span id="pv-condition">—</span></div>
+          <div><strong>Contrast:</strong> <span id="pv-contrast">—</span></div>
+          <hr>
+          <div><strong>Clinical Indication</strong></div>
+          <pre id="pv-indication" class="indication-box">—</pre>
         </div>
       </div>
-      <pre id="review" class="oh-review">Select options to build the order…</pre>
+
+      <div class="card">
+        <h2>Suggested Studies</h2>
+        <ul id="suggestions" class="suggest-list" aria-live="polite">
+          <li class="muted">Suggestions will appear when available.</li>
+        </ul>
+      </div>
     </aside>
   </div>
 
-  <p class="oh-disclaimer">Do not enter PHI beyond what is clinically required. This tool supports ordering but does not replace clinical judgment.</p>
+  <!-- ================= RESULTS (filled by app.js) ================= -->
+  <section id="results" hidden style="margin-top:16px">
+    <h2 id="outHeader"></h2>
+
+    <label class="oh-label" for="outReason">Reason for exam</label>
+    <textarea id="outReason" class="oh-input" rows="3"></textarea>
+
+    <div class="oh-grid" style="margin-top:12px">
+      <div>
+        <h3>Prep / Contraindications</h3>
+        <ul id="outPrep"></ul>
+      </div>
+      <div>
+        <h3>Supporting Docs</h3>
+        <ul id="outDocs"></ul>
+      </div>
+      <div>
+        <h3>Clinical Flags</h3>
+        <ul id="outFlags"></ul>
+      </div>
+      <div>
+        <h3>ICD-10 Suggestions</h3>
+        <ul id="outICD"></ul>
+      </div>
+    </div>
+
+    <div class="actions">
+      <button id="copyReasonBtn" type="button" class="btn btn-light">Copy Reason</button>
+      <button id="copyAllBtn" type="button" class="btn btn-secondary">Copy All</button>
+      <button id="printBtn" type="button" class="btn btn-tertiary">Print</button>
+    </div>
+  </section>
+
+  <!-- Hidden by default; enable via /order-helper/?debug=1 -->
+  <details id="rulesInfo" style="margin-top:1rem" hidden>
+    <summary>What rules are applied?</summary>
+    <p>
+      Rules load from <code>/order-helper/data/rules.json</code>. You can update that file anytime
+      (no code changes). The selector scores by keywords, context, and region; if weak, it falls
+      back to generic oncology tags.
+    </p>
+  </details>
+  <script>
+    if (new URLSearchParams(location.search).get('debug') === '1') {
+      const d = document.getElementById('rulesInfo'); if (d) d.hidden = false;
+    }
+  </script>
+
+  <noscript>
+    <p class="status error">JavaScript is required for the Order Helper to function.</p>
+  </noscript>
 </section>
 
-<!-- Optional Firebase (Compat) — only used if you provide window.ORADIGIT_FIREBASE_CONFIG -->
+<!-- Firebase (Compat CDN) - optional -->
 <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js" defer></script>
 <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-auth-compat.js" defer></script>
 <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-firestore-compat.js" defer></script>
+
+<!-- Lightweight auto-init (only runs if you define window.ORADIGIT_FIREBASE_CONFIG site-wide) -->
 <script>
   document.addEventListener('DOMContentLoaded', () => {
     try {
       if (window.ORADIGIT_FIREBASE_CONFIG && !window.firebase?.apps?.length) {
         firebase.initializeApp(window.ORADIGIT_FIREBASE_CONFIG);
-        window.OH_FIREBASE = { app: firebase.app(), auth: firebase.auth(), db: firebase.firestore() };
+        window.OH_FIREBASE = {
+          app: firebase.app(),
+          auth: firebase.auth(),
+          db: firebase.firestore()
+        };
         const s = document.getElementById('status');
-        if (s) { s.textContent = 'Firebase ready.'; s.className = 'oh-status success'; }
+        if (s) { s.textContent = 'Firebase ready.'; s.className = 'status success'; }
       }
     } catch (e) {
       const s = document.getElementById('status');
-      if (s) { s.textContent = 'Firebase failed to initialize. Check your config.'; s.className = 'oh-status warn'; }
+      if (s) { s.textContent = 'Firebase failed to initialize. Check your config.'; s.className = 'status warn'; }
       console.warn('Firebase init error:', e);
     }
   });
 </script>
 
-<!-- PDF generator (client-side) -->
-<script src="https://cdn.jsdelivr.net/npm/jspdf@2.5.1/dist/jspdf.umd.min.js" defer></script>
+<<<<<<< HEAD
+<!-- Tiny UX helpers (keeps the preview in sync; app.js handles business logic) -->
+<script>
+  document.addEventListener('DOMContentLoaded', () => {
+    const $ = (s) => document.querySelector(s);
+    const form = $('#orderForm');
+
+    // Keep preview in sync with the form & chips
+    const syncPreview = () => {
+      const $s = (sel) => document.querySelector(sel);
+      $s('#pv-modality').textContent  = $s('#modality')?.value || '—';
+      $s('#pv-region').textContent    = $s('#region')?.value || '—';
+
+      // Read from the hidden <select multiple> that mirrors the chips
+      const ctxOpt = Array.from(document.querySelectorAll('#context option:checked')).map(o => o.value);
+      $s('#pv-context').textContent   = ctxOpt.length ? ctxOpt.join(', ') : '—';
+
+      $s('#pv-condition').textContent = $s('#condition')?.value || '—';
+
+      const grp = document.getElementById('contrastGroup');
+      if (grp && !grp.classList.contains('hidden')) {
+        const r = grp.querySelector('input[type=radio]:checked');
+        const oral = document.getElementById('oralContrast')?.checked;
+        let txt = r ? (r.value === 'with_iv' ? 'With IV contrast' : 'Without IV contrast') : '—';
+        if (oral) txt += ' + oral';
+        $s('#pv-contrast').textContent = txt;
+      } else {
+        $s('#pv-contrast').textContent = '—';
+      }
+
+      $s('#pv-indication').textContent = $s('#indication')?.value?.trim() || '—';
+    };
+
+    ['change','input','click'].forEach(evt => {
+      form.addEventListener(evt, syncPreview, true);
+    });
+
+    // Copy indication button
+    $('#copyIndication')?.addEventListener('click', async () => {
+      const text = $('#indication')?.value || '';
+      if (!text.trim()) return;
+      try {
+        await navigator.clipboard.writeText(text.trim());
+        const s = document.getElementById('status');
+        if (s) { s.textContent = 'Clinical indication copied to clipboard.'; s.className='status success'; }
+      } catch {
+        const s = document.getElementById('status');
+        if (s) { s.textContent = 'Unable to copy. Please select and copy manually.'; s.className='status warn'; }
+      }
+    });
+
+    // Initial render
+    syncPreview();
+  });
+</script>
+
+<!-- App logic (must be last so helpers & probes are ready) -->
+<script defer src="{{ '/order-helper/app.js' | relative_url }}?v=20250905"></script>
 
-<!-- App logic (keep last so DOM exists) -->
-<script defer src="{{ '/order-helper/firebase-config.js' | relative_url }}?v=20250913"></script>
-<script defer src="{{ '/order-helper/app.js' | relative_url }}?v=20250913"></script>
+=======
+<!-- App logic (keep last) -->
+<script defer src="{{ '/order-helper/app.js' | relative_url }}?v=20250904"></script>
+>>>>>>> 47d41e0 (OH: switch to data/ (case fix); update index + app (live preview & loader))

From b40b0bd8adf06502e9171ee07bda0d3364e74753 Mon Sep 17 00:00:00 2001
From: Lissan <150966211+DataForSolution@users.noreply.github.com>
Date: Mon, 8 Sep 2025 12:24:13 -0400
Subject: [PATCH 05/10] =?UTF-8?q?OH:=20rebuild=20UI=E2=80=94populate=20reg?=
 =?UTF-8?q?ions/contexts/conditions;=20robust=20rules=20loader=20+=20live?=
 =?UTF-8?q?=20preview?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 order-helper/app.js | 413 ++++++++++++++++++++++----------------------
 1 file changed, 204 insertions(+), 209 deletions(-)

diff --git a/order-helper/app.js b/order-helper/app.js
index a57065f..0eebf3b 100644
--- a/order-helper/app.js
+++ b/order-helper/app.js
@@ -1,251 +1,246 @@
-/* OraDigit Order Helper – robust init + live preview
-   - Reads rules URL from <meta name="oh-rules-path">
-   - Works if rules.json is missing or has a different shape
-   - Populates Region, Context chips, Condition suggestions
-   - Keeps the right-side Order Preview live
-*/
-
 (() => {
-  const $ = (s) => document.querySelector(s);
-
-  const FALLBACK = {
-    CONTEXTS: [
-      "Staging",
-      "Restaging",
-      "Treatment response",
-      "Surveillance",
-      "Suspected recurrence",
-      "Infection / inflammation",
-      "Viability",
-    ],
-    REGIONS: {
-      "PET/CT": ["Whole body", "Head & neck", "Thorax/Chest", "Abdomen/Pelvis", "Brain"],
-      CT: ["Head", "Neck", "Chest", "Abdomen", "Pelvis", "Abdomen/Pelvis", "Angio/PE", "Sinus", "Spine", "Extremity"],
-      MRI: ["Brain", "C-spine", "T-spine", "L-spine", "Shoulder", "Knee", "Hip", "Abdomen", "Pelvis", "Prostate", "Cardiac"],
-    },
-    CONDITIONS: {
-      CT: ["Renal colic", "Pulmonary embolism", "Appendicitis", "Diverticulitis", "Kidney stone"],
-      MRI: ["Multiple sclerosis", "Lumbar radiculopathy", "Rotator cuff tear", "Meniscal tear", "Hip labral tear"],
-      "PET/CT": ["NSCLC", "Lymphoma", "Breast cancer", "Colorectal cancer", "Melanoma"],
-    },
+  const qs = (s) => document.querySelector(s);
+  const setStatus = (msg, cls = 'status success') => {
+    const s = qs('#status'); if (s) { s.textContent = msg; s.className = cls; }
   };
 
-  function setStatus(msg, kind = "success") {
-    const s = $("#status");
-    if (!s) return;
-    s.textContent = msg;
-    s.className = `status ${kind}`;
-  }
+  // Catch sync + async errors in one place
+  window.addEventListener('error', e => setStatus('JavaScript error: ' + (e.message || 'Unknown'), 'status error'));
+  window.addEventListener('unhandledrejection', e => setStatus('App error: ' + (e.reason?.message || e.reason || 'Unknown'), 'status error'));
 
-  function rulesURL() {
-    const meta = document.querySelector('meta[name="oh-rules-path"]');
-    const url = meta?.content?.trim();
-    return url || "/order-helper/data/rules.json";
-  }
+  document.addEventListener('DOMContentLoaded', init);
 
-  async function loadRules() {
+  async function init() {
     try {
-      const r = await fetch(rulesURL(), { cache: "no-store" });
-      if (!r.ok) throw new Error(`HTTP ${r.status}`);
-      const json = await r.json();
-      setStatus("Rules loaded.", "success");
-      return json;
+      // 1) Load rules.json from the meta tag (case-safe)
+      const rulesPath = document.querySelector('meta[name="oh-rules-path"]')?.content;
+      let rules = null;
+      try {
+        const r = await fetch(rulesPath, { cache: 'no-store' });
+        if (r.ok) rules = await r.json();
+      } catch (_) { /* fall through to defaults */ }
+      if (!rules) { rules = defaultRules(); setStatus('Using built-in defaults (rules.json not found).', 'status warn'); }
+
+      // 2) Normalize rules into a simple catalog
+      const catalog = normalizeRules(rules);
+
+      // 3) Build the UI + wire events
+      buildUI(catalog);
+
+      setStatus('Rules loaded.');
     } catch (e) {
-      setStatus("Using built-in defaults (rules not available).", "warn");
-      return null;
+      setStatus('Init failed: ' + e.message, 'status error');
     }
   }
 
-  // Try multiple likely shapes, return array or null
-  function listFromRules(rules, modality, key) {
-    if (!rules) return null;
+  // ---------- Rules handling ----------
+  function defaultRules() {
+    return {
+      modalities: {
+        "PET/CT": {
+          regions: ["Skull base to mid-thigh","Whole body","Brain","Head/Neck","Chest","Abdomen/Pelvis"],
+          contexts: ["Staging","Restaging","Treatment response","Surveillance","Suspected recurrence","Infection / inflammation","Viability"],
+          conditions: ["NSCLC","Lymphoma","Colorectal cancer","Melanoma","Head & neck cancer"]
+        },
+        "CT": {
+          regions: ["Head","Neck","Chest","Abdomen","Pelvis","Abdomen/Pelvis","Angio chest (PE)"],
+          contexts: ["Acute","Chronic","Follow-up"],
+          conditions: ["Renal colic","PE","Appendicitis","Pancreatitis"]
+        },
+        "MRI": {
+          regions: ["Brain","Cervical spine","Thoracic spine","Lumbar spine","Abdomen","Pelvis"],
+          contexts: ["Acute","Follow-up","Problem solving"],
+          conditions: ["MS","Seizure","Stroke","Back pain","Prostate cancer"]
+        }
+      }
+    };
+  }
+
+  function normalizeRules(r) {
+    // Accept either {modalities:{...}} or top-level { "PET/CT": {...}, ... }
+    const src = r.modalities ? r.modalities : { "PET/CT": r["PET/CT"], "CT": r["CT"], "MRI": r["MRI"] };
+    const out = { modalities: {} };
+
+    for (const [mod, spec] of Object.entries(src || {})) {
+      if (!spec) continue;
+      const regions = Array.isArray(spec.regions) ? spec.regions
+                    : Array.isArray(spec?.regions?.list) ? spec.regions.list
+                    : Object.keys(spec.regions || {});
+      const contexts = spec.contexts || spec.context || ["Staging","Restaging","Treatment response","Surveillance","Suspected recurrence"];
+      const conditions = spec.conditions || spec.condition || [];
+      out.modalities[mod] = {
+        regions: [...new Set(regions)].filter(Boolean),
+        contexts: [...new Set(contexts)].filter(Boolean),
+        conditions: [...new Set(conditions)].filter(Boolean),
+      };
+    }
+    return out;
+  }
 
-    // Common shapes we support:
-    // 1) { modalities: { "CT": { regions:[...], contexts:[...], conditions:[...] } } }
-    if (rules.modalities?.[modality]?.[key]) return rules.modalities[modality][key];
+  // ---------- UI wiring ----------
+  function buildUI(cat) {
+    const modalitySel = qs('#modality');
+    const regionSel   = qs('#region');
+    const ctxChips    = qs('#contextChips');
+    const ctxSelect   = qs('#context');          // hidden <select multiple>
+    const conditionIn = qs('#condition');
+    const conditionDL = qs('#conditionList');
+    const contrastGrp = qs('#contrastGroup');
+
+    const clear = (el) => { while (el && el.firstChild) el.removeChild(el.firstChild); };
+    const makeOpt = (v, t = v) => { const o = document.createElement('option'); o.value = v; o.textContent = t; return o; };
+
+    function renderForMod(mod) {
+      const spec = cat.modalities[mod] || { regions: [], contexts: [], conditions: [] };
+
+      // Regions
+      clear(regionSel);
+      regionSel.append(makeOpt('', 'Select region…'));
+      (spec.regions || []).forEach(r => regionSel.append(makeOpt(r)));
+
+      // Context chips + hidden select
+      clear(ctxChips); clear(ctxSelect);
+      (spec.contexts || []).forEach(label => {
+        const opt = makeOpt(label); opt.selected = false; ctxSelect.append(opt);
+
+        const b = document.createElement('button');
+        b.type = 'button';
+        b.className = 'chip';
+        b.textContent = label;
+        b.setAttribute('aria-pressed', 'false');
+        b.addEventListener('click', () => {
+          b.classList.toggle('active');
+          const on = b.classList.contains('active');
+          b.setAttribute('aria-pressed', on ? 'true' : 'false');
+          opt.selected = on;
+          syncPreview();
+        });
+        ctxChips.append(b);
+      });
 
-    // 2) { "CT": { regions:[...], contexts:[...], conditions:[...] } }
-    if (rules[modality]?.[key]) return rules[modality][key];
+      // Conditions datalist
+      clear(conditionDL);
+      (spec.conditions || []).forEach(c => {
+        const o = document.createElement('option'); o.value = c; conditionDL.append(o);
+      });
 
-    // 3) { regions: { "CT":[...] }, contexts: { "CT":[...] }, conditions: { "CT":[...] } }
-    if (rules[key]?.[modality]) return rules[key][modality];
+      // Contrast visibility
+      if (mod === 'CT') { contrastGrp?.classList.remove('hidden'); }
+      else { contrastGrp?.classList.add('hidden'); }
 
-    // 4) Global arrays: { regions:[...]} (rare)
-    if (Array.isArray(rules[key])) return rules[key];
+      // Reset values for new modality
+      regionSel.value = '';
+      conditionIn.value = '';
+      [...ctxSelect.options].forEach(o => o.selected = false);
+      [...ctxChips.querySelectorAll('.chip')].forEach(b => { b.classList.remove('active'); b.setAttribute('aria-pressed','false'); });
 
-    // Handle singular miskeys
-    if (key === "contexts") {
-      if (rules.modalities?.[modality]?.context) return rules.modalities[modality].context;
-      if (rules[modality]?.context) return rules[modality].context;
+      syncPreview();
     }
-    return null;
-  }
 
-  function buildRegionOptions(rules, modality) {
-    const sel = $("#region");
-    if (!sel) return;
-    sel.innerHTML = "";
-
-    const regions = listFromRules(rules, modality, "regions") || FALLBACK.REGIONS[modality] || [];
-    const opt0 = document.createElement("option");
-    opt0.value = "";
-    opt0.textContent = "Select region…";
-    sel.appendChild(opt0);
-
-    regions.forEach((r) => {
-      const o = document.createElement("option");
-      o.value = r;
-      o.textContent = r;
-      sel.appendChild(o);
-    });
-  }
+    // Event wiring
+    modalitySel.addEventListener('change', e => renderForMod(e.target.value));
+    regionSel.addEventListener('change', syncPreview);
+    conditionIn.addEventListener('input', syncPreview);
+    document.querySelectorAll('input[name="contrast"],#oralContrast').forEach(i => i.addEventListener('change', syncPreview));
+    qs('#indication')?.addEventListener('input', syncPreview);
 
-  function buildContextChips(rules, modality) {
-    const wrap = $("#contextChips");
-    const hidden = $("#context");
-    if (!wrap || !hidden) return;
-
-    wrap.innerHTML = "";
-    hidden.innerHTML = "";
-
-    const contexts = listFromRules(rules, modality, "contexts") || FALLBACK.CONTEXTS;
-    contexts.forEach((c) => {
-      const btn = document.createElement("button");
-      btn.type = "button";
-      btn.className = "chip";
-      btn.textContent = c;
-      btn.dataset.value = c;
-      btn.addEventListener("click", () => {
-        btn.classList.toggle("active");
-        syncContextHidden();
-        syncPreview();
-      });
-      wrap.appendChild(btn);
-
-      const opt = document.createElement("option");
-      opt.value = c;
-      hidden.appendChild(opt);
+    // Suggest Order → computes a simple recommendation & fills results
+    qs('#orderForm')?.addEventListener('submit', e => {
+      e.preventDefault();
+      suggestStudy();
     });
-  }
-
-  function syncContextHidden() {
-    const hidden = $("#context");
-    if (!hidden) return;
-    const active = Array.from(document.querySelectorAll("#contextChips .chip.active")).map((b) => b.dataset.value);
-    Array.from(hidden.options).forEach((o) => (o.selected = active.includes(o.value)));
-  }
 
-  function buildConditionList(rules, modality) {
-    const dl = $("#conditionList");
-    if (!dl) return;
-    dl.innerHTML = "";
-    const list = listFromRules(rules, modality, "conditions") || FALLBACK.CONDITIONS[modality] || [];
-    list.forEach((v) => {
-      const o = document.createElement("option");
-      o.value = v;
-      dl.appendChild(o);
+    // Copy indication
+    qs('#copyIndication')?.addEventListener('click', async () => {
+      const txt = qs('#indication')?.value?.trim();
+      if (!txt) return;
+      try { await navigator.clipboard.writeText(txt); setStatus('Clinical indication copied.'); }
+      catch { setStatus('Unable to copy. Please copy manually.', 'status warn'); }
     });
+
+    // First render
+    renderForMod(modalitySel.value || 'PET/CT');
   }
 
-  function toggleContrast(show) {
-    const g = $("#contrastGroup");
-    if (!g) return;
-    g.classList.toggle("hidden", !show);
+  function selectedContexts() {
+    return Array.from(document.querySelectorAll('#context option:checked')).map(o => o.value);
   }
 
   function syncPreview() {
-    const mod = $("#modality")?.value || "—";
-    $("#pv-modality").textContent = mod;
-    $("#pv-region").textContent = $("#region")?.value || "—";
-
-    const ctx = Array.from(document.querySelectorAll("#context option:checked")).map((o) => o.value);
-    $("#pv-context").textContent = ctx.length ? ctx.join(", ") : "—";
-
-    $("#pv-condition").textContent = $("#condition")?.value || "—";
-
-    const cg = $("#contrastGroup");
-    if (cg && !cg.classList.contains("hidden")) {
-      const r = cg.querySelector("input[type=radio]:checked");
-      const oral = $("#oralContrast")?.checked;
-      let txt = r ? (r.value === "with_iv" ? "With IV contrast" : "Without IV contrast") : "—";
-      if (oral) txt += " + oral";
-      $("#pv-contrast").textContent = txt;
+    const $ = (s) => document.querySelector(s);
+    $('#pv-modality')  && ($('#pv-modality').textContent  = $('#modality')?.value || '—');
+    $('#pv-region')    && ($('#pv-region').textContent    = $('#region')?.value || '—');
+    const ctx = selectedContexts();
+    $('#pv-context')   && ($('#pv-context').textContent   = ctx.length ? ctx.join(', ') : '—');
+    $('#pv-condition') && ($('#pv-condition').textContent = $('#condition')?.value || '—');
+
+    const grp = document.getElementById('contrastGroup');
+    if (grp && !grp.classList.contains('hidden')) {
+      const r = grp.querySelector('input[type=radio]:checked');
+      const oral = document.getElementById('oralContrast')?.checked;
+      let txt = r ? (r.value === 'with_iv' ? 'With IV contrast' : 'Without IV contrast') : '—';
+      if (oral) txt += ' + oral';
+      $('#pv-contrast').textContent = txt;
     } else {
-      $("#pv-contrast").textContent = "—";
+      $('#pv-contrast').textContent = '—';
     }
 
-    $("#pv-indication").textContent = ($("#indication")?.value || "—").trim();
+    $('#pv-indication') && ($('#pv-indication').textContent = $('#indication')?.value?.trim() || '—');
   }
 
-  function buildIndication() {
-    const mod = $("#modality").value;
-    const reg = $("#region").value;
-    const ctx = Array.from(document.querySelectorAll("#context option:checked")).map((o) => o.value);
-    const cond = $("#condition").value;
-
-    let s = "";
-    if (mod && reg) s += `${mod} ${reg}`;
-    else if (mod) s += mod;
-    if (cond) s += ` for ${cond}`;
-    if (ctx.length) s += ` (${ctx.join(", ")})`;
-    return s;
+  function buildIndicationText() {
+    const modality  = qs('#modality')?.value || '';
+    const region    = qs('#region')?.value || '';
+    const ctx       = selectedContexts();
+    const condition = qs('#condition')?.value || '';
+    const base = (modality === 'PET/CT') ? 'FDG PET/CT' : modality;
+    const parts = [base, region].filter(Boolean).join(' ');
+    const forTxt = [ctx.join(', '), condition].filter(Boolean).join(' — ');
+    return [parts, forTxt ? `for ${forTxt}` : ''].filter(Boolean).join(' ');
   }
 
-  function onFormChange() {
-    const txt = buildIndication();
-    if (txt) $("#indication").value = txt;
-    syncPreview();
-  }
+  function suggestStudy() {
+    const modality  = qs('#modality')?.value || '';
+    const region    = qs('#region')?.value || '';
+    const ctx       = selectedContexts();
+    const condition = qs('#condition')?.value || '';
 
-  function wireEvents(rules) {
-    $("#modality")?.addEventListener("change", () => {
-      const mod = $("#modality").value || "CT";
-      toggleContrast(mod === "CT");
-      buildRegionOptions(rules, mod);
-      buildContextChips(rules, mod);
-      buildConditionList(rules, mod);
-      syncPreview();
-    });
+    const list   = qs('#suggestions');
+    const outHdr = qs('#outHeader');
+    const outReason = qs('#outReason');
 
-    $("#region")?.addEventListener("change", onFormChange);
-    $("#condition")?.addEventListener("input", onFormChange);
-    $("#indication")?.addEventListener("input", syncPreview);
-    document.querySelectorAll("#contrastGroup input").forEach((n) => n.addEventListener("change", syncPreview));
+    // Clear list
+    while (list.firstChild) list.removeChild(list.firstChild);
 
-    $("#orderForm")?.addEventListener("submit", (e) => {
-      e.preventDefault();
-      // Hook for suggestion logic if needed later
-      setStatus("Order suggestion updated.", "success");
-      syncPreview();
-    });
+    const picks = [];
+    const includes = (h, arr=[]) => arr.some(n => h.toLowerCase().includes(n.toLowerCase()));
+    const hasCtx = (arr=[]) => arr.some(n => ctx.includes(n));
 
-    document.getElementById("copyIndication")?.addEventListener("click", async () => {
-      const text = $("#indication")?.value || "";
-      if (!text.trim()) return;
-      try {
-        await navigator.clipboard.writeText(text.trim());
-        setStatus("Clinical indication copied to clipboard.", "success");
-      } catch {
-        setStatus("Unable to copy. Please select and copy manually.", "warn");
-      }
+    if (modality === 'CT') {
+      if (includes(condition, ['renal colic','stone'])) picks.push('CT Abdomen/Pelvis without IV contrast');
+      else if (includes(condition, ['pe','pulmonary embol']) || (/chest/i.test(region) && hasCtx(['Acute']))) picks.push('CT Angio Chest (PE) with IV contrast');
+      else if (/abdomen\/?pelvis/i.test(region)) picks.push('CT Abdomen/Pelvis with IV contrast');
+      else if (/chest/i.test(region)) picks.push('CT Chest with IV contrast');
+    }
+    if (modality === 'PET/CT') {
+      if (hasCtx(['Staging','Restaging','Surveillance','Suspected recurrence'])) picks.push('FDG PET/CT skull base to mid-thigh');
+    }
+    if (modality === 'MRI') {
+      if (/brain/i.test(region)) picks.push('MRI Brain with and without contrast');
+    }
+    if (!picks.length) picks.push(`${modality} ${region}`.trim());
+
+    picks.forEach(study => {
+      const li = document.createElement('li');
+      li.innerHTML = `<strong>${study}</strong>`;
+      list.append(li);
     });
-  }
 
-  async function init() {
-    const rules = await loadRules();
-    const mod = $("#modality")?.value || "CT";
-    toggleContrast(mod === "CT");
-    buildRegionOptions(rules, mod);
-    buildContextChips(rules, mod);
-    buildConditionList(rules, mod);
-    wireEvents(rules);
+    qs('#results')?.removeAttribute('hidden');
+    outHdr.textContent = picks[0] || 'Suggested study';
+    const indication = buildIndicationText();
+    outReason.value = indication;
+    qs('#indication').value = indication;
     syncPreview();
   }
-
-  // Run after parse
-  if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", init);
-  } else {
-    init();
-  }
 })();

From d97c7f3e337eee7b5058b320e6ec358c899811f6 Mon Sep 17 00:00:00 2001
From: Lissan <150966211+DataForSolution@users.noreply.github.com>
Date: Wed, 3 Sep 2025 13:05:21 -0400
Subject: [PATCH 06/10] Update Order Helper: fix context preview and improve
 app.js rules handling

---
 order-helper/app.js     | 679 ++++++++++++++++++++++++++++++++++++++++
 order-helper/index.html |  27 ++
 2 files changed, 706 insertions(+)

diff --git a/order-helper/app.js b/order-helper/app.js
index 0eebf3b..b9ff0e8 100644
--- a/order-helper/app.js
+++ b/order-helper/app.js
@@ -8,8 +8,119 @@
   window.addEventListener('error', e => setStatus('JavaScript error: ' + (e.message || 'Unknown'), 'status error'));
   window.addEventListener('unhandledrejection', e => setStatus('App error: ' + (e.reason?.message || e.reason || 'Unknown'), 'status error'));
 
+/**
+ * OraDigit Order Helper – app.js (rev2)
+ * - Solid fallback for PET/CT + CT
+ * - Hardened rules loader with schema checks
+ * - Chips UI with keyboard support, mirrors to hidden <select multiple>
+ * - CT contrast auto-suggestions
+ * - Indication builder + basic study suggestions
+ */
+
+(function () {
+  "use strict";
+
+  // -------- Config / Rules path --------
+  const RULES_URL =
+    document.querySelector('meta[name="oh-rules-path"]')?.content ||
+    "./data/rules.json";
+
+  // -------- Elements --------
+  const els = {
+    status: document.getElementById("status"),
+    form: document.getElementById("orderForm"),
+    modality: document.getElementById("modality"),
+    region: document.getElementById("region"),
+    context: document.getElementById("context"),           // hidden mirror select (optional)
+    contextChips: document.getElementById("contextChips"), // primary UI
+    condition: document.getElementById("condition"),
+    conditionList: document.getElementById("conditionList"),
+    indication: document.getElementById("indication"),
+    contrastGroup: document.getElementById("contrastGroup"),
+    oral: document.getElementById("oralContrast"),
+
+    // Results area (optional on page)
+    outHeader: document.getElementById("outHeader"),
+    outReason: document.getElementById("outReason"),
+    outPrep: document.getElementById("outPrep"),
+    outDocs: document.getElementById("outDocs"),
+    outFlags: document.getElementById("outFlags"),
+    results: document.getElementById("results"),
+    copyReasonBtn: document.getElementById("copyReasonBtn"),
+    copyAllBtn: document.getElementById("copyAllBtn"),
+    printBtn: document.getElementById("printBtn"),
+    suggestions: document.getElementById("suggestions"),
+    errMsg: document.getElementById("errMsg"),
+    dbg: document.getElementById("dbg"),
+  };
+
+  // -------- Fallbacks (so UI still works if rules.json fails/empty) --------
+  const FALLBACK_RULES = {
+    modalities: {
+      "PET/CT": {
+        regions: [
+          "Skull base to mid-thigh",
+          "Whole body",
+          "Head/Neck",
+          "Chest",
+          "Abdomen/Pelvis",
+          "Cardiac viability"
+        ],
+        contexts: [
+          "Staging","Restaging","Treatment response","Surveillance","Suspected recurrence","Infection / inflammation","Viability"
+        ],
+        conditions: [
+          "DLBCL","Hodgkin lymphoma","NSCLC","Melanoma","Colorectal cancer",
+          "Head and neck SCC","Fever of unknown origin","Cardiac viability"
+        ],
+        indication_templates: [
+          "FDG PET/CT {region} – {context} for {condition}",
+          "FDG PET/CT {region} – evaluate {condition}",
+          "FDG PET/CT {region}{contrast_text} – {context} ({condition})"
+        ]
+      },
+      CT: {
+        regions: [
+          "Head/Brain","Sinuses","Maxillofacial/Facial Bones","Temporal Bones/IAC","Neck","Chest",
+          "Low-Dose Lung CT (Screening)","Abdomen","Pelvis","Abdomen/Pelvis","CT Urogram","CT Enterography",
+          "Spine – Cervical","Spine – Thoracic","Spine – Lumbar","Upper Extremity","Lower Extremity",
+          "Cardiac Coronary CTA","Angiography – Head/Neck CTA","Angiography – Chest CTA (PE)",
+          "Angiography – Aorta CTA","Angiography – Run-off CTA (LE)"
+        ],
+        contexts: [
+          "Staging","Restaging","Treatment response","Surveillance","Initial evaluation","Acute symptoms",
+          "Follow-up","Pre-operative planning","Post-operative complication","Trauma","Screening","Infection / inflammation"
+        ],
+        conditions: [
+          "Headache (sudden / thunderclap)","Head trauma","Stroke symptoms / TIA","Sinusitis","Neck mass",
+          "Pulmonary embolism suspected","Aortic dissection / aneurysm suspected","Lung nodule","Pneumonia complication",
+          "Abdominal pain RLQ (appendicitis)","Kidney stone / renal colic","Pancreatitis","Liver lesion characterization",
+          "Diverticulitis","Inflammatory bowel disease flare","Bowel obstruction","Post-op abdomen","Hematuria",
+          "Cancer staging (specify primary)","Metastatic disease restaging","Spine trauma","Cervical radiculopathy",
+          "Spinal stenosis","Extremity fracture","Suspected osteomyelitis","Peripheral arterial disease (LE run-off)"
+        ],
+        indication_templates: [
+          "CT {region} – {context} for {condition}",
+          "CT {region} – rule out {condition}",
+          "CT {region}{contrast_text} – {context} ({condition})"
+        ],
+        contrast_recommendations: [
+          { match:["kidney stone","renal colic"], suggest:"without_iv" },
+          { match:["appendicitis","rlq"], suggest:"with_iv" },
+          { match:["pe","pulmonary embolism"], suggest:"with_iv" },
+          { match:["aortic","dissection","aneurysm"], suggest:"with_iv" },
+          { match:["liver lesion","pancreatitis"], suggest:"with_iv" },
+          { match:["bowel obstruction"], suggest:"without_iv" },
+          { match:["trauma"], suggest:"with_iv" },
+          { match:["low-dose lung ct","screening"], suggest:"without_iv" }
+        ]
+      }
+    },
+    records: [] // keep empty; site-specific rules.json will populate
+  };
   document.addEventListener('DOMContentLoaded', init);
 
+
   async function init() {
     try {
       // 1) Load rules.json from the meta tag (case-safe)
@@ -35,6 +146,155 @@
 
   // ---------- Rules handling ----------
   function defaultRules() {
+
+  // -------- Utils --------
+  function setStatus(msg, level = "info") {
+    if (!els.status) return;
+    els.status.textContent = msg;
+    els.status.className =
+      "status " +
+      (level === "ok" || level === "success"
+        ? "success"
+        : level === "warn"
+        ? "warn"
+        : level === "error"
+        ? "error"
+        : "");
+  }
+
+  const titleCase = (s) =>
+    (s || "").replace(/\w\S*/g, (t) => t.charAt(0).toUpperCase() + t.slice(1));
+
+  function fillSelect(selectEl, values, placeholder = "Select…") {
+    if (!selectEl) return;
+    selectEl.innerHTML = "";
+    const ph = document.createElement("option");
+    ph.value = "";
+    ph.textContent = placeholder;
+    selectEl.appendChild(ph);
+    (values || []).forEach((v) => {
+      const opt = document.createElement("option");
+      opt.value = v;
+      opt.textContent = v;
+      selectEl.appendChild(opt);
+    });
+  }
+
+  function fillDatalist(datalistEl, items) {
+    if (!datalistEl) return;
+    datalistEl.innerHTML = "";
+    (items || []).forEach((v) => {
+      const opt = document.createElement("option");
+      opt.value = v;
+      datalistEl.appendChild(opt);
+    });
+  }
+
+  function showContrast(show) {
+    if (!els.contrastGroup) return;
+    els.contrastGroup.classList.toggle("hidden", !show);
+    if (!show) {
+      const checked =
+        els.contrastGroup.querySelector('input[type=radio]:checked');
+      if (checked) checked.checked = false;
+      if (els.oral) els.oral.checked = false;
+    }
+  }
+
+  function contrastTextFromForm() {
+    if (!els.contrastGroup || els.contrastGroup.classList.contains("hidden"))
+      return "";
+    const radio = els.contrastGroup.querySelector('input[type=radio]:checked');
+    const oral = els.oral?.checked ? " + oral contrast" : "";
+    if (!radio) return oral ? "(" + oral.trim() + ")" : "";
+    if (radio.value === "with_iv") return "(with IV contrast" + oral + ")";
+    if (radio.value === "without_iv") return "(without IV contrast" + oral + ")";
+    return oral ? "(" + oral.trim() + ")" : "";
+  }
+
+  // -------- Chips helpers (with keyboard support) --------
+  function renderContextChips(contexts) {
+    if (!els.contextChips) return;
+    els.contextChips.innerHTML = "";
+    (contexts || []).forEach((label) => {
+      const btn = document.createElement("button");
+      btn.type = "button";
+      btn.className = "oh-chip";
+      btn.textContent = label;
+      btn.setAttribute("aria-pressed", "false");
+      btn.setAttribute("aria-label", `Toggle context ${label}`);
+      btn.setAttribute("tabindex", "0");
+      els.contextChips.appendChild(btn);
+    });
+  }
+
+  function getSelectedContextsFromChips() {
+    if (!els.contextChips) return [];
+    return Array.from(
+      els.contextChips.querySelectorAll('.oh-chip[aria-pressed="true"]')
+    )
+      .map((el) => (el.textContent || "").trim())
+      .filter(Boolean);
+  }
+
+  function mirrorChipsToHiddenSelect() {
+    if (!els.context) return;
+    const selected = getSelectedContextsFromChips();
+    els.context.innerHTML = "";
+    selected.forEach((label) => {
+      const opt = document.createElement("option");
+      opt.value = label;
+      opt.textContent = label;
+      opt.selected = true;
+      els.context.appendChild(opt);
+    });
+  }
+
+  // -------- Rules loading --------
+  function looksLikeRules(obj) {
+    // Minimal sanity check
+    if (!obj || typeof obj !== "object") return false;
+    // accept either {modalities:{}} or at least records:[]
+    const hasModalities =
+      obj.modalities && typeof obj.modalities === "object";
+    const hasRecords = Array.isArray(obj.records);
+    return hasModalities || hasRecords;
+  }
+
+  async function loadRules() {
+    try {
+      const res = await fetch(RULES_URL, { cache: "no-store" });
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
+      const json = await res.json();
+      if (!looksLikeRules(json)) throw new Error("Invalid rules schema");
+      RULES = json;
+      setStatus("Rules loaded.", "success");
+    } catch (e) {
+      console.warn("Failed to load rules.json, using fallback", e);
+      RULES = FALLBACK_RULES;
+      setStatus(
+        "Using built-in fallback rules (could not fetch rules.json).",
+        "warn"
+      );
+    }
+  }
+
+  function getModalityNode(modality) {
+    return RULES?.modalities?.[modality] || null;
+  }
+
+  // If no modalities entry, derive contexts/regions from records (best effort)
+  function deriveFromRecords(modality) {
+    const recs = (RULES?.records || []).filter((r) =>
+      (r.modality || "").toUpperCase().includes(modality.toUpperCase())
+    );
+    const setC = new Set();
+    const setR = new Set();
+    recs.forEach((r) => {
+      (r.contexts || []).forEach((c) => setC.add(titleCase(c)));
+      if (r.header_coverage) setR.add(r.header_coverage);
+    });
+>>>>>>> d058311 (Update Order Helper: fix context preview and improve app.js rules handling)
     return {
       modalities: {
         "PET/CT": {
@@ -56,6 +316,7 @@
     };
   }
 
+
   function normalizeRules(r) {
     // Accept either {modalities:{...}} or top-level { "PET/CT": {...}, ... }
     const src = r.modalities ? r.modalities : { "PET/CT": r["PET/CT"], "CT": r["CT"], "MRI": r["MRI"] };
@@ -89,20 +350,28 @@
 
     const clear = (el) => { while (el && el.firstChild) el.removeChild(el.firstChild); };
     const makeOpt = (v, t = v) => { const o = document.createElement('option'); o.value = v; o.textContent = t; return o; };
+=======
+  // -------- Populate UI for modality --------
+  function populateForModality(modality) {
+    const node = getModalityNode(modality) || deriveFromRecords(modality);
 
+    fillSelect(els.region, node.regions || [], "Select region…");
     function renderForMod(mod) {
       const spec = cat.modalities[mod] || { regions: [], contexts: [], conditions: [] };
 
+
       // Regions
       clear(regionSel);
       regionSel.append(makeOpt('', 'Select region…'));
       (spec.regions || []).forEach(r => regionSel.append(makeOpt(r)));
 
+    fillDatalist(els.conditionList, node.conditions || []);
       // Context chips + hidden select
       clear(ctxChips); clear(ctxSelect);
       (spec.contexts || []).forEach(label => {
         const opt = makeOpt(label); opt.selected = false; ctxSelect.append(opt);
 
+
         const b = document.createElement('button');
         b.type = 'button';
         b.className = 'chip';
@@ -116,6 +385,153 @@
           syncPreview();
         });
         ctxChips.append(b);
+
+    // Reset textual fields
+    if (els.condition) els.condition.value = "";
+    if (els.indication) els.indication.value = "";
+
+    // Ask any external preview sync to re-render
+    try {
+      document.dispatchEvent(new Event("input", { bubbles: true }));
+    } catch {}
+  }
+
+  // -------- Contrast suggestions for CT --------
+  function suggestContrastIfCT(modalityNode, conditionText, regionText) {
+    if (!modalityNode?.contrast_recommendations) return;
+    const text = `${conditionText || ""} ${regionText || ""}`.toLowerCase();
+    for (const rule of modalityNode.contrast_recommendations) {
+      const allMatch = rule.match.every((token) => text.includes(token));
+      if (allMatch) {
+        const target = els.contrastGroup?.querySelector(
+          `input[type=radio][value="${rule.suggest}"]`
+        );
+        if (target) target.checked = true;
+        break;
+      }
+    }
+    // Guardrail: any CTA should be with IV
+    if ((regionText || "").toLowerCase().includes("cta")) {
+      const withIV = els.contrastGroup?.querySelector(
+        'input[type=radio][value="with_iv"]'
+      );
+      if (withIV) withIV.checked = true;
+    }
+  }
+
+  // -------- Indication builder --------
+  function buildIndication(modalityNode, modality) {
+    if (!els.indication) return;
+    const region = els.region?.value || "";
+    const contexts = els.contextChips
+      ? getSelectedContextsFromChips().join(", ")
+      : (() => {
+          const sel = els.context;
+          return sel
+            ? [...sel.selectedOptions].map((o) => o.textContent.trim()).join(", ")
+            : "";
+        })();
+    const condition = els.condition?.value || "";
+    const contrast_text = contrastTextFromForm(); // e.g., "(with IV contrast + oral contrast)"
+    const templates =
+      modalityNode?.indication_templates ||
+      (modality === "CT"
+        ? ["CT {region} – {context} for {condition}"]
+        : modality === "PET/CT"
+        ? ["FDG PET/CT {region} – {context} for {condition}"]
+        : ["{region} – {context} for {condition}"]);
+    // Prefer a template that includes {contrast_text} if present
+    const t =
+      (contrast_text && templates.find((x) => x.includes("{contrast_text}"))) ||
+      templates[0];
+
+    const out = t
+      .replace("{region}", region)
+      .replace("{context}", contexts)
+      .replace("{condition}", condition)
+      .replace("{contrast_text}", contrast_text ? ` ${contrast_text}` : "");
+    els.indication.value = out.trim();
+  }
+
+  // -------- Basic record matcher (suggest studies) --------
+  function scoreRecord(rec, modality, region, contexts, condition) {
+    if (!(rec.modality || "").toUpperCase().includes(modality.toUpperCase()))
+      return -1;
+    let s = 0;
+    if (
+      rec.header_coverage &&
+      region &&
+      rec.header_coverage.toLowerCase().includes(region.toLowerCase())
+    )
+      s += 2;
+    (rec.contexts || []).forEach((c) => {
+      if (contexts.some((ctx) => ctx.toLowerCase() === (c || "").toLowerCase()))
+        s += 2;
+    });
+    (rec.keywords || []).forEach((k) => {
+      if (condition && condition.toLowerCase().includes((k || "").toLowerCase()))
+        s += 2;
+    });
+    if (
+      (rec.tags || []).includes("oncology-general") &&
+      condition &&
+      /c\d\d|malig|tumor|cancer/i.test(condition)
+    )
+      s += 1;
+    return s;
+  }
+
+  function suggestStudies(modality, region, contexts, condition) {
+    if (!els.suggestions) return;
+    const recs = RULES?.records || [];
+    const scored = recs
+      .map((r) => ({ r, s: scoreRecord(r, modality, region, contexts, condition) }))
+      .filter((x) => x.s >= 0)
+      .sort((a, b) => b.s - a.s)
+      .slice(0, 5);
+
+    els.suggestions.innerHTML = "";
+    if (!scored.length) {
+      const li = document.createElement("li");
+      li.className = "muted";
+      li.textContent = "No specific suggestions. Adjust context/condition.";
+      els.suggestions.appendChild(li);
+      return;
+    }
+
+    scored.forEach(({ r }) => {
+      const li = document.createElement("li");
+      const cpts = (r.cpt || []).join(", ");
+      li.innerHTML = `<strong>${r.study_name || r.header_coverage || "Suggested study"}</strong> <span class="muted">${cpts ? "[" + cpts + "]" : ""}</span>`;
+      li.title = (r.reasons || [])[0] || "";
+      els.suggestions.appendChild(li);
+    });
+  }
+
+  // -------- Results panel fill --------
+  function fillResults(topRec, contextStr, conditionStr) {
+    if (!els.results || !topRec) return;
+    const header =
+      topRec.study_name || topRec.header_coverage || "Suggested Study";
+    if (els.outHeader)
+      els.outHeader.textContent = `${header} — CPT: ${(topRec.cpt || []).join(
+        ", "
+      )}`;
+
+    if (els.outReason) {
+      const tmpl = (topRec.reasons || [])[0] || "{context} {condition}";
+      els.outReason.value = tmpl
+        .replace("{context}", contextStr || "")
+        .replace("{condition}", conditionStr || "");
+    }
+
+    function fillUL(ul, arr) {
+      if (!ul) return;
+      ul.innerHTML = "";
+      (arr || []).forEach((t) => {
+        const li = document.createElement("li");
+        li.textContent = t;
+        ul.appendChild(li);
       });
 
       // Conditions datalist
@@ -144,6 +560,7 @@
     document.querySelectorAll('input[name="contrast"],#oralContrast').forEach(i => i.addEventListener('change', syncPreview));
     qs('#indication')?.addEventListener('input', syncPreview);
 
+
     // Suggest Order → computes a simple recommendation & fills results
     qs('#orderForm')?.addEventListener('submit', e => {
       e.preventDefault();
@@ -160,6 +577,138 @@
 
     // First render
     renderForMod(modalitySel.value || 'PET/CT');
+
+  // -------- Event wiring --------
+  function wireEvents() {
+    // Modality change -> repopulate
+    els.modality?.addEventListener("change", () => {
+      const modality = els.modality.value;
+      populateForModality(modality);
+      const node = getModalityNode(modality) || (FALLBACK_RULES.modalities[modality] || null);
+      buildIndication(node, modality);
+    });
+
+    // Region / Condition input -> suggest contrast if CT and rebuild indication
+    ["change", "input"].forEach((evt) => {
+      els.region?.addEventListener(evt, () => {
+        if (els.modality?.value === "CT") {
+          const node = getModalityNode("CT") || FALLBACK_RULES.modalities.CT;
+          suggestContrastIfCT(node, els.condition?.value, els.region?.value);
+        }
+        buildIndication(getModalityNode(els.modality?.value) || (FALLBACK_RULES.modalities[els.modality?.value] || null), els.modality?.value);
+      });
+      els.condition?.addEventListener(evt, () => {
+        if (els.modality?.value === "CT") {
+          const node = getModalityNode("CT") || FALLBACK_RULES.modalities.CT;
+          suggestContrastIfCT(node, els.condition?.value, els.region?.value);
+        }
+        buildIndication(getModalityNode(els.modality?.value) || (FALLBACK_RULES.modalities[els.modality?.value] || null), els.modality?.value);
+      });
+    });
+
+    // Contrast change -> rebuild indication
+    els.contrastGroup?.addEventListener("change", () => {
+      if (els.modality?.value === "CT") {
+        buildIndication(
+          getModalityNode("CT") || FALLBACK_RULES.modalities.CT,
+          "CT"
+        );
+      }
+    });
+
+    // Chips: click + keyboard toggle
+    document.addEventListener("click", (e) => {
+      const chip = e.target.closest("#contextChips .oh-chip");
+      if (!chip) return;
+      const cur = chip.getAttribute("aria-pressed") === "true";
+      chip.setAttribute("aria-pressed", cur ? "false" : "true");
+      mirrorChipsToHiddenSelect();
+      buildIndication(getModalityNode(els.modality?.value) || (FALLBACK_RULES.modalities[els.modality?.value] || null), els.modality?.value);
+    });
+    document.addEventListener("keydown", (e) => {
+      const chip = e.target.closest("#contextChips .oh-chip");
+      if (!chip) return;
+      if (e.key === " " || e.key === "Enter") {
+        e.preventDefault();
+        chip.click();
+      }
+    });
+
+    // Form submit -> suggest order + fill results
+    els.form?.addEventListener("submit", (e) => {
+      e.preventDefault();
+      const modality = els.modality?.value || "";
+      const region = els.region?.value || "";
+      const contexts = els.contextChips
+        ? getSelectedContextsFromChips()
+        : els.context
+        ? [...els.context.selectedOptions].map((o) => o.value)
+        : [];
+      const condition = els.condition?.value || "";
+
+      // Suggestions
+      suggestStudies(modality, region, contexts, condition);
+
+      // Fill results with top hit if available
+      const recs = RULES?.records || [];
+      const ranked = recs
+        .map((r) => ({ r, s: scoreRecord(r, modality, region, contexts, condition) }))
+        .filter((x) => x.s >= 0)
+        .sort((a, b) => b.s - a.s);
+      fillResults(ranked[0]?.r, contexts.join(", "), condition);
+
+      // Status message
+      setStatus("Order suggested below. Review, copy, or print.", "success");
+    });
+
+    // Copy buttons
+    els.copyReasonBtn?.addEventListener("click", async () => {
+      const v = els.outReason?.value?.trim();
+      if (!v) return;
+      try {
+        await navigator.clipboard.writeText(v);
+        setStatus("Reason copied to clipboard.", "success");
+      } catch {
+        setStatus("Unable to copy reason. Select and copy manually.", "warn");
+      }
+    });
+
+    els.copyAllBtn?.addEventListener("click", async () => {
+      const parts = [];
+      if (els.outHeader) parts.push(els.outHeader.textContent);
+      if (els.outReason?.value) parts.push("Reason: " + els.outReason.value);
+      if (els.outPrep?.children?.length)
+        parts.push(
+          "Prep: " +
+            Array.from(els.outPrep.children)
+              .map((li) => li.textContent)
+              .join("; ")
+        );
+      if (els.outDocs?.children?.length)
+        parts.push(
+          "Docs: " +
+            Array.from(els.outDocs.children)
+              .map((li) => li.textContent)
+              .join("; ")
+        );
+      if (els.outFlags?.children?.length)
+        parts.push(
+          "Flags: " +
+            Array.from(els.outFlags.children)
+              .map((li) => li.textContent)
+              .join("; ")
+        );
+      const text = parts.join("\n");
+      if (!text.trim()) return;
+      try {
+        await navigator.clipboard.writeText(text);
+        setStatus("All details copied to clipboard.", "success");
+      } catch {
+        setStatus("Unable to copy. Select and copy manually.", "warn");
+      }
+    });
+
+    els.printBtn?.addEventListener("click", () => window.print());
   }
 
   function selectedContexts() {
@@ -182,6 +731,7 @@
       if (oral) txt += ' + oral';
       $('#pv-contrast').textContent = txt;
     } else {
+
       $('#pv-contrast').textContent = '—';
     }
 
@@ -242,5 +792,134 @@
     outReason.value = indication;
     qs('#indication').value = indication;
     syncPreview();
+  }
+
+      const node =
+        getModalityNode(current) || (FALLBACK_RULES.modalities[current] || null);
+      buildIndication(node, current);
+    }
+
+    if (els.dbg)
+      els.dbg.textContent = `[OH] Ready (${new Date().toLocaleString()})`;
+  })();
+})();
+
+/* ===== OH loader shim (non-destructive) ===== */
+(() => {
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', init, { once: true });
+  } else {
+    init();
+  }
+
+  function init() {
+    window.OH = window.OH || {};
+    const $ = (s) => document.querySelector(s);
+    const setText = (el, msg) => { if (el) el.textContent = msg; };
+
+    const els = {
+      status:     $('#status'),
+      modality:   $('#modality'),
+      region:     $('#region'),
+      bodyPart:   $('#bodyPart'),
+      contrast:   $('#contrast'),
+      laterality: $('#laterality'),
+      context:    $('#context'),
+    };
+
+    const RULES_URL =
+      document.querySelector('meta[name="oh-rules-path"]')?.content ||
+      '/order-helper/data/rules.json';
+
+    const FALLBACK = Object.freeze({
+      schema_version: '1.1',
+      modalities: {
+        'PET/CT': {
+          regions:    ['Skull base to mid-thigh', 'Whole body'],
+          body_parts: ['Head/Neck', 'Chest', 'Abdomen/Pelvis'],
+          contrast:   ['None'],
+          laterality: ['N/A'],
+          contexts:   ['Staging','Restaging','Treatment response','Surveillance','Acute'],
+        },
+        'CT': {
+          regions:    ['Head/Brain','Chest','Abdomen/Pelvis'],
+          body_parts: ['Head','Chest','Abdomen','Pelvis'],
+          contrast:   ['None','IV','Oral','IV + Oral'],
+          laterality: ['N/A','Right','Left','Bilateral'],
+          contexts:   ['Acute','Follow-up','Staging'],
+        },
+        'MRI': {
+          regions:    ['Brain','Spine','MSK'],
+          body_parts: ['Brain','Cervical','Lumbar','Hip'],
+          contrast:   ['None','Gadolinium'],
+          laterality: ['N/A','Right','Left','Bilateral'],
+          contexts:   ['Acute','Follow-up','Staging'],
+        }
+      }
+    });
+
+    const validate = (cat) => !!(cat && typeof cat === 'object' && cat.modalities && typeof cat.modalities === 'object');
+
+    function setOptions(selectEl, items, placeholder) {
+      if (!selectEl) return;
+      const list = Array.isArray(items) ? items : [];
+      selectEl.innerHTML = '';
+      const ph = document.createElement('option');
+      ph.value = '';
+      ph.textContent = placeholder || 'Select…';
+      ph.disabled = true; ph.selected = true;
+      selectEl.appendChild(ph);
+      for (const v of list) {
+        const opt = document.createElement('option');
+        opt.value = v; opt.textContent = v;
+        selectEl.appendChild(opt);
+      }
+    }
+
+    function bindCascades(cat) {
+      if (!els.modality) return;
+      const modalities = Object.keys(cat.modalities || {});
+      setOptions(els.modality, modalities, 'Select modality…');
+
+      els.modality.addEventListener('change', () => {
+        const m = els.modality.value;
+        const spec = (cat.modalities || {})[m] || {};
+        setOptions(els.region,     spec.regions,     'Select region…');
+        setOptions(els.bodyPart,   spec.body_parts,  'Select body part…');
+        setOptions(els.contrast,   spec.contrast,    'Select contrast…');
+        setOptions(els.laterality, spec.laterality,  'Select laterality…');
+        setOptions(els.context,    spec.contexts,    'Select context…');
+      });
+
+      // optional: auto-select the first modality to avoid empty UI
+      if (els.modality.options.length > 1) {
+        els.modality.selectedIndex = 1;
+        els.modality.dispatchEvent(new Event('change'));
+      }
+    }
+
+    async function loadCatalog() {
+      setText(els.status, 'Loading rules…');
+      try {
+        const res = await fetch(RULES_URL, { cache: 'no-store' });
+        if (!res.ok) throw new Error(`HTTP ${res.status}`);
+        const json = await res.json();
+        if (!validate(json)) throw new Error('Invalid rules schema');
+        setText(els.status, 'Rules loaded.');
+        return json;
+      } catch (err) {
+        console.warn('[OH] rules load failed, using fallback:', err);
+        setText(els.status, 'Using built-in defaults (rules.json unavailable).');
+        return FALLBACK;
+      }
+    }
+
+    window.OH.loadCatalog = loadCatalog;
+
+    loadCatalog().then(cat => {
+      window.OH.catalog = cat;
+      bindCascades(cat);
+      document.dispatchEvent(new CustomEvent('oh:catalog-ready', { detail: { catalog: cat } }));
+    });
   }
 })();
diff --git a/order-helper/index.html b/order-helper/index.html
index 20d97a4..5e45f97 100644
--- a/order-helper/index.html
+++ b/order-helper/index.html
@@ -234,6 +234,7 @@ <h3>ICD-10 Suggestions</h3>
 
     // Keep preview in sync with the form & chips
     const syncPreview = () => {
+<<<<<<< HEAD
       const $s = (sel) => document.querySelector(sel);
       $s('#pv-modality').textContent  = $s('#modality')?.value || '—';
       $s('#pv-region').textContent    = $s('#region')?.value || '—';
@@ -243,6 +244,32 @@ <h3>ICD-10 Suggestions</h3>
       $s('#pv-context').textContent   = ctxOpt.length ? ctxOpt.join(', ') : '—';
 
       $s('#pv-condition').textContent = $s('#condition')?.value || '—';
+=======
+  $('#pv-modality').textContent  = $('#modality')?.value || '—';
+  $('#pv-region').textContent    = $('#region')?.value || '—';
+
+  // NEW: show all selected contexts
+  { const sel = document.getElementById('context');
+    const ctx = sel ? [...sel.selectedOptions].map(o => o.textContent.trim()).filter(Boolean) : [];
+    document.getElementById('pv-context').textContent = ctx.length ? ctx.join(', ') : '—';
+  }
+
+  $('#pv-condition').textContent = $('#condition')?.value || '—';
+
+  const grp = document.getElementById('contrastGroup');
+  if (grp && !grp.classList.contains('hidden')) {
+    const r = grp.querySelector('input[type=radio]:checked');
+    const oral = document.getElementById('oralContrast')?.checked;
+    let txt = r ? (r.value === 'with_iv' ? 'With IV contrast' : 'Without IV contrast') : '—';
+    if (oral) txt += ' + oral';
+    document.getElementById('pv-contrast').textContent = txt;
+  } else {
+    document.getElementById('pv-contrast').textContent = '—';
+  }
+
+  document.getElementById('pv-indication').textContent = document.getElementById('indication')?.value?.trim() || '—';
+};
+>>>>>>> d058311 (Update Order Helper: fix context preview and improve app.js rules handling)
 
       const grp = document.getElementById('contrastGroup');
       if (grp && !grp.classList.contains('hidden')) {

From dd968a6cc5a42cb083329089eab423e5d6239580 Mon Sep 17 00:00:00 2001
From: Lissan <150966211+DataForSolution@users.noreply.github.com>
Date: Fri, 5 Sep 2025 20:15:11 -0400
Subject: [PATCH 07/10] Order Helper: unify app.js (rules auto-merge + ICD-10)
 and align with updated index

---
 order-helper/app.js     | 189 ++++++++++++++++++++++++++++++++++++++++
 order-helper/index.html |  13 +++
 2 files changed, 202 insertions(+)

diff --git a/order-helper/app.js b/order-helper/app.js
index b9ff0e8..b546324 100644
--- a/order-helper/app.js
+++ b/order-helper/app.js
@@ -322,6 +322,7 @@
     const src = r.modalities ? r.modalities : { "PET/CT": r["PET/CT"], "CT": r["CT"], "MRI": r["MRI"] };
     const out = { modalities: {} };
 
+<<<<<<< HEAD
     for (const [mod, spec] of Object.entries(src || {})) {
       if (!spec) continue;
       const regions = Array.isArray(spec.regions) ? spec.regions
@@ -334,6 +335,194 @@
         contexts: [...new Set(contexts)].filter(Boolean),
         conditions: [...new Set(conditions)].filter(Boolean),
       };
+=======
+    fillSelect(els.region, node.regions || [], "Select region…");
+
+    if (els.contextChips) {
+      renderContextChips(node.contexts || []);
+      mirrorChipsToHiddenSelect();
+    } else {
+      fillSelect(els.context, node.contexts || [], "Select context…");
+    }
+
+    fillDatalist(els.conditionList, node.conditions || []);
+
+    // Contrast only for CT
+    showContrast(modality === "CT");
+
+    // Reset textual fields
+    if (els.condition) els.condition.value = "";
+    if (els.indication) els.indication.value = "";
+
+    // Ask any external preview sync to re-render
+    try { document.dispatchEvent(new Event("input", { bubbles: true })); } catch {}
+  }
+
+  // -------- Contrast suggestions for CT --------
+  function suggestContrastIfCT(modalityNode, conditionText, regionText) {
+    if (!modalityNode?.contrast_recommendations) return;
+    const text = `${conditionText || ""} ${regionText || ""}`.toLowerCase();
+    for (const rule of modalityNode.contrast_recommendations) {
+      const allMatch = rule.match.every((token) => text.includes(token));
+      if (allMatch) {
+        const target = els.contrastGroup?.querySelector(
+          `input[type=radio][value="${rule.suggest}"]`
+        );
+        if (target) target.checked = true;
+        break;
+      }
+    }
+    // Guardrail: any CTA should be with IV
+    if ((regionText || "").toLowerCase().includes("cta")) {
+      const withIV = els.contrastGroup?.querySelector(
+        'input[type=radio][value="with_iv"]'
+      );
+      if (withIV) withIV.checked = true;
+    }
+  }
+
+  // -------- Indication builder --------
+  function buildIndication(modalityNode, modality) {
+    if (!els.indication) return;
+    const region = els.region?.value || "";
+    const contexts = els.contextChips
+      ? getSelectedContextsFromChips().join(", ")
+      : (() => {
+          const sel = els.context;
+          return sel ? [...sel.selectedOptions].map((o) => o.textContent.trim()).join(", ") : "";
+        })();
+    const condition = els.condition?.value || "";
+    const contrast_text = contrastTextFromForm();
+    const templates =
+      modalityNode?.indication_templates ||
+      (modality === "CT"
+        ? ["CT {region} – {context} for {condition}"]
+        : modality === "PET/CT"
+        ? ["FDG PET/CT {region} – {context} for {condition}"]
+        : ["{region} – {context} for {condition}"]);
+    const t =
+      (contrast_text && templates.find((x) => x.includes("{contrast_text}"))) ||
+      templates[0];
+
+    const out = t
+      .replace("{region}", region)
+      .replace("{context}", contexts)
+      .replace("{condition}", condition)
+      .replace("{contrast_text}", contrast_text ? ` ${contrast_text}` : "");
+    els.indication.value = out.trim();
+  }
+
+  // -------- Basic record matcher (suggest studies) --------
+  function scoreRecord(rec, modality, region, contexts, condition) {
+    if (!(rec.modality || "").toUpperCase().includes(modality.toUpperCase()))
+      return -1;
+    let s = 0;
+    if (
+      rec.header_coverage &&
+      region &&
+      rec.header_coverage.toLowerCase().includes(region.toLowerCase())
+    ) s += 2;
+    (rec.contexts || []).forEach((c) => {
+      if (contexts.some((ctx) => ctx.toLowerCase() === (c || "").toLowerCase()))
+        s += 2;
+    });
+    (rec.keywords || []).forEach((k) => {
+      if (condition && condition.toLowerCase().includes((k || "").toLowerCase()))
+        s += 2;
+    });
+    if (
+      (rec.tags || []).includes("oncology-general") &&
+      condition && /c\d\d|malig|tumor|cancer/i.test(condition)
+    ) s += 1;
+    return s;
+  }
+
+  function suggestStudies(modality, region, contexts, condition) {
+    if (!els.suggestions) return;
+    const recs = RULES?.records || [];
+    const scored = recs
+      .map((r) => ({ r, s: scoreRecord(r, modality, region, contexts, condition) }))
+      .filter((x) => x.s >= 0)
+      .sort((a, b) => b.s - a.s)
+      .slice(0, 5);
+
+    els.suggestions.innerHTML = "";
+    if (!scored.length) {
+      const li = document.createElement("li");
+      li.className = "muted";
+      li.textContent = "No specific suggestions. Adjust context/condition.";
+      els.suggestions.appendChild(li);
+      return;
+    }
+
+    scored.forEach(({ r }) => {
+      const li = document.createElement("li");
+      const cpts = (r.cpt || []).join(", ");
+      li.innerHTML = `<strong>${r.study_name || r.header_coverage || "Suggested study"}</strong> <span class="muted">${cpts ? "[" + cpts + "]" : ""}</span>`;
+      li.title = (r.reasons || [])[0] || "";
+      els.suggestions.appendChild(li);
+    });
+  }
+
+  // -------- ICD-10 suggestions (lightweight helper) --------
+  // NOTE: Verify final billing codes per ICD-10-CM and payer policy.
+  const ICD_RULES = [
+    // PET/CT oncology
+    { tokens: ["dlbcl","lymphoma","hodgkin","nhl"], codes: [
+      { code:"C83.30", label:"Diffuse large B-cell lymphoma, unspecified site" },
+      { code:"C81.90", label:"Hodgkin lymphoma, unspecified, unspecified site" }
+    ]},
+    { tokens: ["nsclc","lung cancer","pulmonary nodule","lung"], codes: [
+      { code:"C34.90", label:"Malignant neoplasm of unspecified part of unspecified lung" },
+      { code:"R91.1",  label:"Solitary pulmonary nodule" }
+    ]},
+    { tokens: ["melanoma"], codes: [{ code:"C43.9", label:"Malignant melanoma of skin, unspecified" }]},
+    { tokens: ["colorectal","colon cancer"], codes: [{ code:"C18.9", label:"Malignant neoplasm of colon, unspecified" }]},
+    { tokens: ["hnscc","head and neck"], codes: [{ code:"C76.0", label:"Malignant neoplasm of head, face and neck" }]},
+    { tokens: ["fever of unknown origin","fuo"], codes: [{ code:"R50.9", label:"Fever, unspecified" }]},
+    { tokens: ["viability","ischemic cardiomyopathy","myocardial"], codes: [{ code:"I25.5", label:"Ischemic cardiomyopathy" }]},
+
+    // CT common
+    { tokens: ["pulmonary embolism","pe"], codes: [{ code:"I26.99", label:"Other pulmonary embolism without acute cor pulmonale" }]},
+    { tokens: ["appendicitis","rlq"], codes: [{ code:"K35.80", label:"Unspecified acute appendicitis" }]},
+    { tokens: ["renal colic","kidney stone","flank pain","hematuria"], codes: [
+      { code:"N20.0", label:"Calculus of kidney" },
+      { code:"N23",   label:"Unspecified renal colic" }
+    ]},
+    { tokens: ["pneumonia"], codes: [{ code:"J18.9", label:"Pneumonia, unspecified organism" }]},
+
+    // MRI neuro
+    { tokens: ["stroke","cerebral infarction"], codes: [{ code:"I63.9", label:"Cerebral infarction, unspecified" }]},
+    { tokens: ["tia"], codes: [{ code:"G45.9", label:"Transient cerebral ischemic attack, unspecified" }]},
+    { tokens: ["intracranial hemorrhage","ich"], codes: [{ code:"I62.9", label:"Nontraumatic intracranial hemorrhage, unspecified" }]},
+
+    // MRI spine
+    { tokens: ["cervical radiculopathy"], codes: [{ code:"M54.12", label:"Radiculopathy, cervical region" }]},
+    { tokens: ["lumbar radiculopathy","sciatica"], codes: [{ code:"M54.16", label:"Radiculopathy, lumbar region" }]},
+    { tokens: ["spinal stenosis","stenosis"], codes: [{ code:"M48.061", label:"Spinal stenosis, lumbar region w/o neurogenic claudication" }]},
+    { tokens: ["disc herniation"], codes: [{ code:"M51.26", label:"Other intervertebral disc displacement, lumbar region" }]},
+
+    // Ortho
+    { tokens: ["meniscal tear"], codes: [{ code:"S83.209A", label:"Tear of unsp meniscus, unsp knee, initial encounter" }]},
+    { tokens: ["acl tear"], codes: [{ code:"S83.511A", label:"Sprain of ACL of right knee, initial encounter" }]},
+    { tokens: ["rotator cuff"], codes: [{ code:"M75.100", label:"Unspecified rotator cuff tear or rupture, not specified as traumatic" }]}
+  ];
+
+  function suggestICD10(text) {
+    const t = (text || "").toLowerCase();
+    const out = [];
+    const seen = new Set();
+    for (const rule of ICD_RULES) {
+      if (rule.tokens.some(tok => t.includes(tok))) {
+        for (const c of rule.codes) {
+          if (!seen.has(c.code)) {
+            out.push(c);
+            seen.add(c.code);
+          }
+        }
+      }
+      if (out.length >= 6) break; // keep tidy
+>>>>>>> 1a5762e (Order Helper: unify app.js (rules auto-merge + ICD-10) and align with updated index)
     }
     return out;
   }
diff --git a/order-helper/index.html b/order-helper/index.html
index 5e45f97..ef7a073 100644
--- a/order-helper/index.html
+++ b/order-helper/index.html
@@ -15,13 +15,19 @@
   window.addEventListener('error', e => {
     const s = document.getElementById('status');
 <<<<<<< HEAD
+<<<<<<< HEAD
+=======
+>>>>>>> 1a5762e (Order Helper: unify app.js (rules auto-merge + ICD-10) and align with updated index)
     if (s) {
       s.textContent = 'JavaScript error: ' + (e.message || 'Unknown');
       s.className = 'status error';
     }
+<<<<<<< HEAD
 =======
     if (s) { s.textContent = 'JavaScript error: ' + (e.message || 'Unknown'); s.className = 'status error'; }
 >>>>>>> 47d41e0 (OH: switch to data/ (case fix); update index + app (live preview & loader))
+=======
+>>>>>>> 1a5762e (Order Helper: unify app.js (rules auto-merge + ICD-10) and align with updated index)
   });
 </script>
 
@@ -226,6 +232,9 @@ <h3>ICD-10 Suggestions</h3>
 </script>
 
 <<<<<<< HEAD
+<<<<<<< HEAD
+=======
+>>>>>>> 1a5762e (Order Helper: unify app.js (rules auto-merge + ICD-10) and align with updated index)
 <!-- Tiny UX helpers (keeps the preview in sync; app.js handles business logic) -->
 <script>
   document.addEventListener('DOMContentLoaded', () => {
@@ -309,9 +318,13 @@ <h3>ICD-10 Suggestions</h3>
 </script>
 
 <!-- App logic (must be last so helpers & probes are ready) -->
+<<<<<<< HEAD
 <script defer src="{{ '/order-helper/app.js' | relative_url }}?v=20250905"></script>
 
 =======
 <!-- App logic (keep last) -->
 <script defer src="{{ '/order-helper/app.js' | relative_url }}?v=20250904"></script>
 >>>>>>> 47d41e0 (OH: switch to data/ (case fix); update index + app (live preview & loader))
+=======
+<script defer src="{{ '/order-helper/app.js' | relative_url }}?v=20250904"></script>
+>>>>>>> 1a5762e (Order Helper: unify app.js (rules auto-merge + ICD-10) and align with updated index)

From 44584d6197e94cfa2ee75a8a61a4a56d81a93f36 Mon Sep 17 00:00:00 2001
From: Lissan <150966211+DataForSolution@users.noreply.github.com>
Date: Tue, 23 Sep 2025 08:39:50 -0400
Subject: [PATCH 08/10] Fix: hook app.js to dropdowns; ensure rules.json loads
 on boot

---
 order-helper/index.html | 75 ++++++++++-------------------------------
 1 file changed, 18 insertions(+), 57 deletions(-)

diff --git a/order-helper/index.html b/order-helper/index.html
index ef7a073..a4b0dad 100644
--- a/order-helper/index.html
+++ b/order-helper/index.html
@@ -7,42 +7,38 @@
 
 <!-- Page-scoped assets & config -->
 <link rel="stylesheet" href="{{ '/order-helper/style.css' | relative_url }}?v=20250904">
-<meta name="oh-rules-path" content="{{ '/order-helper/data/rules.json' | relative_url }}?v=20250904">
-<meta name="oh-version" content="20250904">
 
 <!-- Error beacon: surface JS errors in the status bar -->
 <script>
   window.addEventListener('error', e => {
     const s = document.getElementById('status');
-<<<<<<< HEAD
-<<<<<<< HEAD
-=======
->>>>>>> 1a5762e (Order Helper: unify app.js (rules auto-merge + ICD-10) and align with updated index)
+
     if (s) {
       s.textContent = 'JavaScript error: ' + (e.message || 'Unknown');
       s.className = 'status error';
     }
-<<<<<<< HEAD
-=======
+
     if (s) { s.textContent = 'JavaScript error: ' + (e.message || 'Unknown'); s.className = 'status error'; }
->>>>>>> 47d41e0 (OH: switch to data/ (case fix); update index + app (live preview & loader))
-=======
->>>>>>> 1a5762e (Order Helper: unify app.js (rules auto-merge + ICD-10) and align with updated index)
   });
 </script>
 
-<!-- Boot probe: confirm rules.json path/case before app.js runs -->
-<script>
+ <script>
   document.addEventListener('DOMContentLoaded', async () => {
     const s = document.getElementById('status');
     if (!s) return;
+
+    const url = '/order-helper/data/rules.json'; // ✅ FIXED: define url
+
     try {
-      const url = document.querySelector('meta[name="oh-rules-path"]')?.content;
-      if (!url) { s.textContent = 'Missing oh-rules-path meta.'; s.className = 'status error'; return; }
       s.textContent = 'Boot check… fetching rules…';
       const r = await fetch(url, { cache: 'no-store' });
-      if (r.ok) { s.textContent = 'Boot check OK. Loading app…'; s.className = 'status success'; }
-      else { s.textContent = `Rules fetch failed (${r.status}). Check path/case: ` + url; s.className = 'status error'; }
+      if (r.ok) {
+        s.textContent = 'Boot check OK. Loading app…';
+        s.className = 'status success';
+      } else {
+        s.textContent = `Rules fetch failed (${r.status}). Check path/case: ` + url;
+        s.className = 'status error';
+      }
     } catch (e) {
       s.textContent = 'Rules fetch error: ' + e.message;
       s.className = 'status error';
@@ -50,6 +46,9 @@
   });
 </script>
 
+
+<!-- Boot probe: confirm rules.json path/case before app.js runs -->
+
 <section class="order-helper container" aria-labelledby="oh-title">
   <header class="oh-header">
     <h1 id="oh-title">OraDigit Order Helper</h1>
@@ -71,7 +70,7 @@ <h1 id="oh-title">OraDigit Order Helper</h1>
           <option value="">Select…</option>
           <option value="PET/CT" selected>PET/CT</option>
           <option value="CT">CT</option>
-          <option value="MRI">MRI</option>
+          <option value="MRI">MRI</option>          <option value="X-Ray">X-Ray</option>`r`n
         </select>
         <small class="hint">Regions, contexts, and conditions adapt to your selection.</small>
       </div>
@@ -231,10 +230,7 @@ <h3>ICD-10 Suggestions</h3>
   });
 </script>
 
-<<<<<<< HEAD
-<<<<<<< HEAD
-=======
->>>>>>> 1a5762e (Order Helper: unify app.js (rules auto-merge + ICD-10) and align with updated index)
+
 <!-- Tiny UX helpers (keeps the preview in sync; app.js handles business logic) -->
 <script>
   document.addEventListener('DOMContentLoaded', () => {
@@ -243,7 +239,6 @@ <h3>ICD-10 Suggestions</h3>
 
     // Keep preview in sync with the form & chips
     const syncPreview = () => {
-<<<<<<< HEAD
       const $s = (sel) => document.querySelector(sel);
       $s('#pv-modality').textContent  = $s('#modality')?.value || '—';
       $s('#pv-region').textContent    = $s('#region')?.value || '—';
@@ -253,32 +248,6 @@ <h3>ICD-10 Suggestions</h3>
       $s('#pv-context').textContent   = ctxOpt.length ? ctxOpt.join(', ') : '—';
 
       $s('#pv-condition').textContent = $s('#condition')?.value || '—';
-=======
-  $('#pv-modality').textContent  = $('#modality')?.value || '—';
-  $('#pv-region').textContent    = $('#region')?.value || '—';
-
-  // NEW: show all selected contexts
-  { const sel = document.getElementById('context');
-    const ctx = sel ? [...sel.selectedOptions].map(o => o.textContent.trim()).filter(Boolean) : [];
-    document.getElementById('pv-context').textContent = ctx.length ? ctx.join(', ') : '—';
-  }
-
-  $('#pv-condition').textContent = $('#condition')?.value || '—';
-
-  const grp = document.getElementById('contrastGroup');
-  if (grp && !grp.classList.contains('hidden')) {
-    const r = grp.querySelector('input[type=radio]:checked');
-    const oral = document.getElementById('oralContrast')?.checked;
-    let txt = r ? (r.value === 'with_iv' ? 'With IV contrast' : 'Without IV contrast') : '—';
-    if (oral) txt += ' + oral';
-    document.getElementById('pv-contrast').textContent = txt;
-  } else {
-    document.getElementById('pv-contrast').textContent = '—';
-  }
-
-  document.getElementById('pv-indication').textContent = document.getElementById('indication')?.value?.trim() || '—';
-};
->>>>>>> d058311 (Update Order Helper: fix context preview and improve app.js rules handling)
 
       const grp = document.getElementById('contrastGroup');
       if (grp && !grp.classList.contains('hidden')) {
@@ -318,13 +287,5 @@ <h3>ICD-10 Suggestions</h3>
 </script>
 
 <!-- App logic (must be last so helpers & probes are ready) -->
-<<<<<<< HEAD
 <script defer src="{{ '/order-helper/app.js' | relative_url }}?v=20250905"></script>
 
-=======
-<!-- App logic (keep last) -->
-<script defer src="{{ '/order-helper/app.js' | relative_url }}?v=20250904"></script>
->>>>>>> 47d41e0 (OH: switch to data/ (case fix); update index + app (live preview & loader))
-=======
-<script defer src="{{ '/order-helper/app.js' | relative_url }}?v=20250904"></script>
->>>>>>> 1a5762e (Order Helper: unify app.js (rules auto-merge + ICD-10) and align with updated index)

From a6d03c049bd849f7bf098cea9afc75949a4178a2 Mon Sep 17 00:00:00 2001
From: Lissan <150966211+DataForSolution@users.noreply.github.com>
Date: Tue, 23 Sep 2025 09:20:00 -0400
Subject: [PATCH 09/10] Fix: cleaned up index.html with resolved conflicts and
 valid rules hook

---
 order-helper/index.html | 222 ++++++----------------------------------
 1 file changed, 34 insertions(+), 188 deletions(-)

diff --git a/order-helper/index.html b/order-helper/index.html
index a4b0dad..7499db8 100644
--- a/order-helper/index.html
+++ b/order-helper/index.html
@@ -6,29 +6,31 @@
 ---
 
 <!-- Page-scoped assets & config -->
+<meta name="oh-rules-path" content="{{ '/order-helper/data/rules.json' | relative_url }}?v=20250904">
+<meta name="oh-version" content="20250904">
 <link rel="stylesheet" href="{{ '/order-helper/style.css' | relative_url }}?v=20250904">
 
 <!-- Error beacon: surface JS errors in the status bar -->
 <script>
   window.addEventListener('error', e => {
     const s = document.getElementById('status');
-
     if (s) {
       s.textContent = 'JavaScript error: ' + (e.message || 'Unknown');
       s.className = 'status error';
     }
-
-    if (s) { s.textContent = 'JavaScript error: ' + (e.message || 'Unknown'); s.className = 'status error'; }
   });
 </script>
 
- <script>
+<script>
   document.addEventListener('DOMContentLoaded', async () => {
     const s = document.getElementById('status');
     if (!s) return;
-
-    const url = '/order-helper/data/rules.json'; // ✅ FIXED: define url
-
+    const url = document.querySelector('meta[name="oh-rules-path"]')?.content;
+    if (!url) {
+      s.textContent = 'Missing oh-rules-path meta.';
+      s.className = 'status error';
+      return;
+    }
     try {
       s.textContent = 'Boot check… fetching rules…';
       const r = await fetch(url, { cache: 'no-store' });
@@ -46,169 +48,15 @@
   });
 </script>
 
+<!-- Your section layout and UI form stays unchanged -->
+<!-- ... (no modifications in the form, preview, or results blocks) -->
 
-<!-- Boot probe: confirm rules.json path/case before app.js runs -->
-
-<section class="order-helper container" aria-labelledby="oh-title">
-  <header class="oh-header">
-    <h1 id="oh-title">OraDigit Order Helper</h1>
-    <p class="lead">
-      Structure clear, payer-ready imaging orders. Select modality and context; we’ll generate
-      a professional clinical indication and surface prep/flags. All client-side. No PHI.
-    </p>
-    <div id="status" class="status" role="status" aria-live="polite"></div>
-    <div id="rulesErrors" class="status error" style="display:none"></div>
-  </header>
-
-  <div class="oh-grid">
-    <!-- ================= LEFT: FORM ================= -->
-    <form id="orderForm" class="oh-form" novalidate>
-      <!-- Modality -->
-      <div class="field">
-        <label for="modality">Modality <span aria-hidden="true">*</span></label>
-        <select id="modality" name="modality" required>
-          <option value="">Select…</option>
-          <option value="PET/CT" selected>PET/CT</option>
-          <option value="CT">CT</option>
-          <option value="MRI">MRI</option>          <option value="X-Ray">X-Ray</option>`r`n
-        </select>
-        <small class="hint">Regions, contexts, and conditions adapt to your selection.</small>
-      </div>
-
-      <!-- Region -->
-      <div class="field">
-        <label for="region">Region <span aria-hidden="true">*</span></label>
-        <select id="region" name="region" required></select>
-      </div>
-
-      <!-- Context (chips UI expected by app.js) -->
-      <div class="field">
-        <label>Context <span aria-hidden="true">*</span></label>
-
-        <!-- Chips rendered dynamically by app.js -->
-        <div id="contextChips" class="oh-chips" role="group" aria-label="Context"></div>
-
-        <!-- Hidden mirror for compatibility (app.js keeps in sync) -->
-        <select id="context" name="context" multiple hidden></select>
-
-        <small class="hint">Click one or more (e.g., staging, restaging, surveillance, acute, follow-up).</small>
-      </div>
-
-      <!-- Condition (with datalist suggestions) -->
-      <div class="field">
-        <label for="condition">Condition</label>
-        <input id="condition" name="condition" list="conditionList" placeholder="e.g., NSCLC, renal colic, PE, appendicitis"/>
-        <datalist id="conditionList"></datalist>
-        <small class="hint">Start typing to see common conditions for the chosen modality.</small>
-      </div>
-
-      <!-- Contrast (CT only; shown/hidden by JS) -->
-      <fieldset id="contrastGroup" class="oh-contrast hidden">
-        <legend>CT Contrast</legend>
-        <label class="inline"><input type="radio" name="contrast" value="with_iv"> With IV contrast</label>
-        <label class="inline"><input type="radio" name="contrast" value="without_iv"> Without IV contrast</label>
-        <label class="inline"><input type="checkbox" id="oralContrast" value="oral"> Add oral contrast (abd/pelvis)</label>
-        <small class="hint">We’ll auto-suggest based on condition (e.g., “renal colic” → without IV; “PE/CTA” → with IV).</small>
-      </fieldset>
-
-      <!-- Indication (auto-built but editable) -->
-      <div class="field">
-        <label for="indication">Clinical Indication</label>
-        <textarea id="indication" name="indication" rows="3" placeholder="Auto-generated (you can edit)…"></textarea>
-      </div>
-
-      <div class="actions">
-        <button type="submit" class="btn-primary">Suggest Order</button>
-        <button type="button" id="copyIndication" class="btn-ghost" aria-label="Copy clinical indication">Copy Indication</button>
-        <span id="errMsg" role="alert" class="muted"></span>
-        <div id="dbg" aria-live="polite" class="muted" style="font-size:12px"></div>
-      </div>
-    </form>
-
-    <!-- ================= RIGHT: PREVIEW / SUGGESTIONS ================= -->
-    <aside class="oh-aside" aria-label="Order preview and suggestions">
-      <div class="card">
-        <h2>Order Preview</h2>
-        <div class="preview">
-          <div><strong>Modality:</strong> <span id="pv-modality">—</span></div>
-          <div><strong>Region:</strong> <span id="pv-region">—</span></div>
-          <div><strong>Context:</strong> <span id="pv-context">—</span></div>
-          <div><strong>Condition:</strong> <span id="pv-condition">—</span></div>
-          <div><strong>Contrast:</strong> <span id="pv-contrast">—</span></div>
-          <hr>
-          <div><strong>Clinical Indication</strong></div>
-          <pre id="pv-indication" class="indication-box">—</pre>
-        </div>
-      </div>
-
-      <div class="card">
-        <h2>Suggested Studies</h2>
-        <ul id="suggestions" class="suggest-list" aria-live="polite">
-          <li class="muted">Suggestions will appear when available.</li>
-        </ul>
-      </div>
-    </aside>
-  </div>
-
-  <!-- ================= RESULTS (filled by app.js) ================= -->
-  <section id="results" hidden style="margin-top:16px">
-    <h2 id="outHeader"></h2>
-
-    <label class="oh-label" for="outReason">Reason for exam</label>
-    <textarea id="outReason" class="oh-input" rows="3"></textarea>
-
-    <div class="oh-grid" style="margin-top:12px">
-      <div>
-        <h3>Prep / Contraindications</h3>
-        <ul id="outPrep"></ul>
-      </div>
-      <div>
-        <h3>Supporting Docs</h3>
-        <ul id="outDocs"></ul>
-      </div>
-      <div>
-        <h3>Clinical Flags</h3>
-        <ul id="outFlags"></ul>
-      </div>
-      <div>
-        <h3>ICD-10 Suggestions</h3>
-        <ul id="outICD"></ul>
-      </div>
-    </div>
-
-    <div class="actions">
-      <button id="copyReasonBtn" type="button" class="btn btn-light">Copy Reason</button>
-      <button id="copyAllBtn" type="button" class="btn btn-secondary">Copy All</button>
-      <button id="printBtn" type="button" class="btn btn-tertiary">Print</button>
-    </div>
-  </section>
-
-  <!-- Hidden by default; enable via /order-helper/?debug=1 -->
-  <details id="rulesInfo" style="margin-top:1rem" hidden>
-    <summary>What rules are applied?</summary>
-    <p>
-      Rules load from <code>/order-helper/data/rules.json</code>. You can update that file anytime
-      (no code changes). The selector scores by keywords, context, and region; if weak, it falls
-      back to generic oncology tags.
-    </p>
-  </details>
-  <script>
-    if (new URLSearchParams(location.search).get('debug') === '1') {
-      const d = document.getElementById('rulesInfo'); if (d) d.hidden = false;
-    }
-  </script>
-
-  <noscript>
-    <p class="status error">JavaScript is required for the Order Helper to function.</p>
-  </noscript>
-</section>
-
-<!-- Firebase (Compat CDN) - optional -->
+<!-- Firebase (Compat CDN) -->
 <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js" defer></script>
 <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-auth-compat.js" defer></script>
 <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-firestore-compat.js" defer></script>
 
-<!-- Lightweight auto-init (only runs if you define window.ORADIGIT_FIREBASE_CONFIG site-wide) -->
+<!-- Firebase Auto-init -->
 <script>
   document.addEventListener('DOMContentLoaded', () => {
     try {
@@ -220,35 +68,34 @@ <h3>ICD-10 Suggestions</h3>
           db: firebase.firestore()
         };
         const s = document.getElementById('status');
-        if (s) { s.textContent = 'Firebase ready.'; s.className = 'status success'; }
+        if (s) {
+          s.textContent = 'Firebase ready.';
+          s.className = 'status success';
+        }
       }
     } catch (e) {
       const s = document.getElementById('status');
-      if (s) { s.textContent = 'Firebase failed to initialize. Check your config.'; s.className = 'status warn'; }
+      if (s) {
+        s.textContent = 'Firebase failed to initialize. Check your config.';
+        s.className = 'status warn';
+      }
       console.warn('Firebase init error:', e);
     }
   });
 </script>
 
-
-<!-- Tiny UX helpers (keeps the preview in sync; app.js handles business logic) -->
+<!-- Preview sync + indication copy -->
 <script>
   document.addEventListener('DOMContentLoaded', () => {
     const $ = (s) => document.querySelector(s);
     const form = $('#orderForm');
-
-    // Keep preview in sync with the form & chips
     const syncPreview = () => {
       const $s = (sel) => document.querySelector(sel);
-      $s('#pv-modality').textContent  = $s('#modality')?.value || '—';
-      $s('#pv-region').textContent    = $s('#region')?.value || '—';
-
-      // Read from the hidden <select multiple> that mirrors the chips
+      $s('#pv-modality').textContent = $s('#modality')?.value || '—';
+      $s('#pv-region').textContent = $s('#region')?.value || '—';
       const ctxOpt = Array.from(document.querySelectorAll('#context option:checked')).map(o => o.value);
-      $s('#pv-context').textContent   = ctxOpt.length ? ctxOpt.join(', ') : '—';
-
+      $s('#pv-context').textContent = ctxOpt.length ? ctxOpt.join(', ') : '—';
       $s('#pv-condition').textContent = $s('#condition')?.value || '—';
-
       const grp = document.getElementById('contrastGroup');
       if (grp && !grp.classList.contains('hidden')) {
         const r = grp.querySelector('input[type=radio]:checked');
@@ -259,33 +106,32 @@ <h3>ICD-10 Suggestions</h3>
       } else {
         $s('#pv-contrast').textContent = '—';
       }
-
       $s('#pv-indication').textContent = $s('#indication')?.value?.trim() || '—';
     };
-
     ['change','input','click'].forEach(evt => {
       form.addEventListener(evt, syncPreview, true);
     });
-
-    // Copy indication button
     $('#copyIndication')?.addEventListener('click', async () => {
       const text = $('#indication')?.value || '';
       if (!text.trim()) return;
       try {
         await navigator.clipboard.writeText(text.trim());
         const s = document.getElementById('status');
-        if (s) { s.textContent = 'Clinical indication copied to clipboard.'; s.className='status success'; }
+        if (s) {
+          s.textContent = 'Clinical indication copied to clipboard.';
+          s.className = 'status success';
+        }
       } catch {
         const s = document.getElementById('status');
-        if (s) { s.textContent = 'Unable to copy. Please select and copy manually.'; s.className='status warn'; }
+        if (s) {
+          s.textContent = 'Unable to copy. Please select and copy manually.';
+          s.className = 'status warn';
+        }
       }
     });
-
-    // Initial render
     syncPreview();
   });
 </script>
 
-<!-- App logic (must be last so helpers & probes are ready) -->
+<!-- Main app logic -->
 <script defer src="{{ '/order-helper/app.js' | relative_url }}?v=20250905"></script>
-

From 460b4edfce28f75928eb0e0d75acfd81e42e8bdf Mon Sep 17 00:00:00 2001
From: Lissan <150966211+DataForSolution@users.noreply.github.com>
Date: Tue, 23 Sep 2025 09:26:33 -0400
Subject: [PATCH 10/10] Resolve merge conflicts: cleaned index.html with
 correct rules hook

---
 order-helper/index.html | 153 +++++++++++++++++++++++++++++++++++++++-
 1 file changed, 150 insertions(+), 3 deletions(-)

diff --git a/order-helper/index.html b/order-helper/index.html
index 7499db8..203b4b0 100644
--- a/order-helper/index.html
+++ b/order-helper/index.html
@@ -21,16 +21,19 @@
   });
 </script>
 
+<!-- Boot probe: confirm rules.json path/case before app.js runs -->
 <script>
   document.addEventListener('DOMContentLoaded', async () => {
     const s = document.getElementById('status');
     if (!s) return;
+
     const url = document.querySelector('meta[name="oh-rules-path"]')?.content;
     if (!url) {
       s.textContent = 'Missing oh-rules-path meta.';
       s.className = 'status error';
       return;
     }
+
     try {
       s.textContent = 'Boot check… fetching rules…';
       const r = await fetch(url, { cache: 'no-store' });
@@ -48,15 +51,159 @@
   });
 </script>
 
-<!-- Your section layout and UI form stays unchanged -->
-<!-- ... (no modifications in the form, preview, or results blocks) -->
+<section class="order-helper container" aria-labelledby="oh-title">
+  <header class="oh-header">
+    <h1 id="oh-title">OraDigit Order Helper</h1>
+    <p class="lead">
+      Structure clear, payer-ready imaging orders. Select modality and context; we’ll generate
+      a professional clinical indication and surface prep/flags. All client-side. No PHI.
+    </p>
+    <div id="status" class="status" role="status" aria-live="polite"></div>
+    <div id="rulesErrors" class="status error" style="display:none"></div>
+  </header>
+
+  <div class="oh-grid">
+    <!-- ================= LEFT: FORM ================= -->
+    <form id="orderForm" class="oh-form" novalidate>
+      <!-- Modality -->
+      <div class="field">
+        <label for="modality">Modality <span aria-hidden="true">*</span></label>
+        <select id="modality" name="modality" required>
+          <option value="">Select…</option>
+          <option value="PET/CT" selected>PET/CT</option>
+          <option value="CT">CT</option>
+          <option value="MRI">MRI</option>
+          <option value="X-Ray">X-Ray</option>
+        </select>
+        <small class="hint">Regions, contexts, and conditions adapt to your selection.</small>
+      </div>
+
+      <!-- Region -->
+      <div class="field">
+        <label for="region">Region <span aria-hidden="true">*</span></label>
+        <select id="region" name="region" required></select>
+      </div>
+
+      <!-- Context (chips UI expected by app.js) -->
+      <div class="field">
+        <label>Context <span aria-hidden="true">*</span></label>
+        <div id="contextChips" class="oh-chips" role="group" aria-label="Context"></div>
+        <select id="context" name="context" multiple hidden></select>
+        <small class="hint">Click one or more (e.g., staging, restaging, surveillance, acute, follow-up).</small>
+      </div>
+
+      <!-- Condition (with datalist suggestions) -->
+      <div class="field">
+        <label for="condition">Condition</label>
+        <input id="condition" name="condition" list="conditionList" placeholder="e.g., NSCLC, renal colic, PE, appendicitis"/>
+        <datalist id="conditionList"></datalist>
+        <small class="hint">Start typing to see common conditions for the chosen modality.</small>
+      </div>
+
+      <!-- Contrast (CT only; shown/hidden by JS) -->
+      <fieldset id="contrastGroup" class="oh-contrast hidden">
+        <legend>CT Contrast</legend>
+        <label class="inline"><input type="radio" name="contrast" value="with_iv"> With IV contrast</label>
+        <label class="inline"><input type="radio" name="contrast" value="without_iv"> Without IV contrast</label>
+        <label class="inline"><input type="checkbox" id="oralContrast" value="oral"> Add oral contrast (abd/pelvis)</label>
+        <small class="hint">We’ll auto-suggest based on condition (e.g., “renal colic” → without IV; “PE/CTA” → with IV).</small>
+      </fieldset>
+
+      <!-- Indication (auto-built but editable) -->
+      <div class="field">
+        <label for="indication">Clinical Indication</label>
+        <textarea id="indication" name="indication" rows="3" placeholder="Auto-generated (you can edit)…"></textarea>
+      </div>
+
+      <div class="actions">
+        <button type="submit" class="btn-primary">Suggest Order</button>
+        <button type="button" id="copyIndication" class="btn-ghost" aria-label="Copy clinical indication">Copy Indication</button>
+        <span id="errMsg" role="alert" class="muted"></span>
+        <div id="dbg" aria-live="polite" class="muted" style="font-size:12px"></div>
+      </div>
+    </form>
+
+    <!-- ================= RIGHT: PREVIEW / SUGGESTIONS ================= -->
+    <aside class="oh-aside" aria-label="Order preview and suggestions">
+      <div class="card">
+        <h2>Order Preview</h2>
+        <div class="preview">
+          <div><strong>Modality:</strong> <span id="pv-modality">—</span></div>
+          <div><strong>Region:</strong> <span id="pv-region">—</span></div>
+          <div><strong>Context:</strong> <span id="pv-context">—</span></div>
+          <div><strong>Condition:</strong> <span id="pv-condition">—</span></div>
+          <div><strong>Contrast:</strong> <span id="pv-contrast">—</span></div>
+          <hr>
+          <div><strong>Clinical Indication</strong></div>
+          <pre id="pv-indication" class="indication-box">—</pre>
+        </div>
+      </div>
+
+      <div class="card">
+        <h2>Suggested Studies</h2>
+        <ul id="suggestions" class="suggest-list" aria-live="polite">
+          <li class="muted">Suggestions will appear when available.</li>
+        </ul>
+      </div>
+    </aside>
+  </div>
+
+  <!-- ================= RESULTS (filled by app.js) ================= -->
+  <section id="results" hidden style="margin-top:16px">
+    <h2 id="outHeader"></h2>
+
+    <label class="oh-label" for="outReason">Reason for exam</label>
+    <textarea id="outReason" class="oh-input" rows="3"></textarea>
+
+    <div class="oh-grid" style="margin-top:12px">
+      <div>
+        <h3>Prep / Contraindications</h3>
+        <ul id="outPrep"></ul>
+      </div>
+      <div>
+        <h3>Supporting Docs</h3>
+        <ul id="outDocs"></ul>
+      </div>
+      <div>
+        <h3>Clinical Flags</h3>
+        <ul id="outFlags"></ul>
+      </div>
+      <div>
+        <h3>ICD-10 Suggestions</h3>
+        <ul id="outICD"></ul>
+      </div>
+    </div>
+
+    <div class="actions">
+      <button id="copyReasonBtn" type="button" class="btn btn-light">Copy Reason</button>
+      <button id="copyAllBtn" type="button" class="btn btn-secondary">Copy All</button>
+      <button id="printBtn" type="button" class="btn btn-tertiary">Print</button>
+    </div>
+  </section>
+
+  <details id="rulesInfo" style="margin-top:1rem" hidden>
+    <summary>What rules are applied?</summary>
+    <p>
+      Rules load from <code>/order-helper/data/rules.json</code>. You can update that file anytime (no code changes). The selector scores by keywords, context, and region; if weak, it falls back to generic oncology tags.
+    </p>
+  </details>
+  <script>
+    if (new URLSearchParams(location.search).get('debug') === '1') {
+      const d = document.getElementById('rulesInfo'); if (d) d.hidden = false;
+    }
+  </script>
+
+  <noscript>
+    <p class="status error">JavaScript is required for the Order Helper to function.</p>
+  </noscript>
+</section>
 
 <!-- Firebase (Compat CDN) -->
 <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js" defer></script>
 <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-auth-compat.js" defer></script>
 <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-firestore-compat.js" defer></script>
 
-<!-- Firebase Auto-init -->
+<!-- Firebase auto-init -->
 <script>
   document.addEventListener('DOMContentLoaded', () => {
     try {