Add Collapse all button to close all inline details without clearing inputs

- Add collapseAll() JS function that closes all <details> elements
- Add "▲ Collapse all" button in controls bar next to Clear all
- Does not touch checkboxes, text inputs, or column widths

https://claude.ai/code/session_01Sh7FCwgc4muABUcE6XXmWK

Author: claude

Services/HtmlReport/HtmlReportGenerateService.Js.cs

@@ -112,6 +112,11 @@ private static void AppendJs(StringBuilder sb, string storageKey, string reportD
             sb.AppendLine("    setTimeout(function(){ URL.revokeObjectURL(a.href); }, 1000);");
             sb.AppendLine("  }");
             sb.AppendLine();
+            sb.AppendLine("  function collapseAll() {");
+            sb.AppendLine("    document.querySelectorAll('details[open]').forEach(function(d){ d.removeAttribute('open'); });");
+            sb.AppendLine("    scheduleSave();");
+            sb.AppendLine("  }");
+            sb.AppendLine();
             sb.AppendLine("  function clearAll() {");
             sb.AppendLine("    if (!confirm('Clear all checkboxes and text inputs?')) return;");
             sb.AppendLine("    document.querySelectorAll('input[type=\"checkbox\"]').forEach(function(cb){ cb.checked=false; });");

Services/HtmlReportGenerateService.cs

@@ -107,6 +107,7 @@ private string BuildHtml(
             sb.AppendLine("<!--CTRL-->");
             sb.AppendLine("<div class=\"controls\">");
             sb.AppendLine("  <button class=\"btn\" onclick=\"downloadReviewed()\">&#x2913; " + HtmlEncode("Download as reviewed") + "</button>");
+            sb.AppendLine("  <button class=\"btn btn-clear\" onclick=\"collapseAll()\">&#x25B2; " + HtmlEncode("Collapse all") + "</button>");
             sb.AppendLine("  <button class=\"btn btn-clear\" onclick=\"clearAll()\">&#x2715; " + HtmlEncode("Clear all") + "</button>");
             sb.AppendLine("  <span id=\"save-status\" class=\"save-status\"></span>");
             sb.AppendLine("</div>");

doc/samples/diff_report.html

@@ -197,6 +197,7 @@
 <!--CTRL-->
 <div class="controls">
   <button class="btn" onclick="downloadReviewed()">&#x2913; Download as reviewed</button>
+  <button class="btn btn-clear" onclick="collapseAll()">&#x25B2; Collapse all</button>
   <button class="btn btn-clear" onclick="clearAll()">&#x2715; Clear all</button>
   <span id="save-status" class="save-status"></span>
 </div>
@@ -924,6 +925,11 @@ <h2 style="color:#0051c3">[ ! ] Modified Files &#x2014; Timestamps Regressed (5)
     setTimeout(function(){ URL.revokeObjectURL(a.href); }, 1000);
   }
 
+  function collapseAll() {
+    document.querySelectorAll('details[open]').forEach(function(d){ d.removeAttribute('open'); });
+    scheduleSave();
+  }
+
   function clearAll() {
     if (!confirm('Clear all checkboxes and text inputs?')) return;
     document.querySelectorAll('input[type="checkbox"]').forEach(function(cb){ cb.checked=false; });