conditionally display the "Demos" tab

This change makes the server-rendered "Demos" tab invisible by default, and updates the toggle-labs script to conditionally make the tab visible on specific category pages.

browse/static/js/toggle-labs.js

@@ -29,22 +29,27 @@ $(document).ready(function() {
 
   var pwcEnabled = true;
 
-  // infer the current category from the DOM (`cs.AI`, `stat.ML`, etc)
   const currentCategory = $('.current')?.text()?.toLowerCase();
-
-  // enable Replicate integration for these categories
-  const replicateCategories = [
+  const demoCategories = [
     "cs",   // Computer Science
     "eess", // Electrical Engineering and Systems Science
     "stat"  // Statistics
   ]
-  var replicateEnabled = currentCategory && replicateCategories.some(category => currentCategory.startsWith(category));
+
+  const demosEnabled = currentCategory && demoCategories.some(category => currentCategory.startsWith(category));
+
+  if (demosEnabled) {
+    document.getElementById("labstabs-demos-input").removeAttribute("disabled");
+    document.getElementById("labstabs-demos-label").style.display = "block";
+  }
+
+  var replicateEnabled = demosEnabled
 
   var labsCookie = Cookies.getJSON("arxiv_labs");
   if (labsCookie) {
     has_enabled = false;
     if ( labsCookie["last_tab"] ){
-      $("input#"+labsCookie["last_tab"]).click();
+      $(`input#${labsCookie["last_tab"]}:not([disabled])`).click();
     }
     for (var key in labsCookie) {
       if (labsCookie[key] && labsCookie[key] == "enabled") {

browse/templates/abs/labs_tabs.html

@@ -100,9 +100,12 @@ <h1>Code and Data Associated with this Article</h1>
       <div id="pwc-data-output"></div>
     </div>
 
-
-    <input type="radio" name="tabs" id="tabthree">
-    <label for="tabthree">Demos</label>
+    <!-- 
+      hide the "Demos" tab by default, and conditionally display it using 
+      JavaScript on pages in specific categories like `cs`, `eess``, and `stat`
+     -->
+    <input type="radio" name="tabs" id="labstabs-demos-input" disabled>
+    <label for="labstabs-demos-input" id="labstabs-demos-label" style="display:none">Demos</label>
     <div class="tab">
       <h1>Demos Associated with this Article</h1>
       <div class="toggle">