From 1420c43310ecce869a4bc8705709654e5a081a78 Mon Sep 17 00:00:00 2001
From: Nick Beckley <nick@spotorno.co.uk>
Date: Sun, 14 Jun 2026 19:26:54 +0100
Subject: [PATCH] Phase 12B.1: Continuity Explorer Filter Usability
 Improvements.

---
 .../Views/ContinuityExplorer/Index.cshtml     | 42 +++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/PlotLine/Views/ContinuityExplorer/Index.cshtml b/PlotLine/Views/ContinuityExplorer/Index.cshtml
index db48408..3b393e2 100644
--- a/PlotLine/Views/ContinuityExplorer/Index.cshtml
+++ b/PlotLine/Views/ContinuityExplorer/Index.cshtml
@@ -298,3 +298,45 @@ else
         }
     </section>
 }
+
+<script>
+    (() => {
+        const setDisabled = (id, disabled) => {
+            const element = document.getElementById(id);
+            if (element) {
+                element.disabled = disabled;
+            }
+        };
+
+        const selectedRadioValue = name => {
+            const selected = document.querySelector(`input[name="${name}"]:checked`);
+            return selected ? selected.value : "";
+        };
+
+        const isEntityChecked = value => {
+            const checkbox = document.querySelector(`input[name="EntityTypes"][value="${value}"]`);
+            return checkbox ? checkbox.checked : false;
+        };
+
+        const updateContinuityFilterControls = () => {
+            setDisabled("CharacterIDs", !isEntityChecked("Characters"));
+            setDisabled("AssetIDs", !isEntityChecked("Assets"));
+            setDisabled("LocationIDs", !isEntityChecked("Locations"));
+
+            const sceneRangeMode = selectedRadioValue("SceneRangeMode");
+            setDisabled("BookID", sceneRangeMode === "EntireProject");
+            setDisabled("ChapterID", sceneRangeMode !== "Chapter");
+            setDisabled("StartSceneID", sceneRangeMode !== "Custom");
+            setDisabled("EndSceneID", sceneRangeMode !== "Custom");
+
+            setDisabled("SelectedSceneID", selectedRadioValue("DisplayMode") !== "StoryState");
+        };
+
+        document.addEventListener("DOMContentLoaded", () => {
+            document.querySelectorAll('input[name="EntityTypes"], input[name="SceneRangeMode"], input[name="DisplayMode"]')
+                .forEach(input => input.addEventListener("change", updateContinuityFilterControls));
+
+            updateContinuityFilterControls();
+        });
+    })();
+</script>