From 2b0f76aa1f9278b556499162ad53b3c524082466 Mon Sep 17 00:00:00 2001
From: jae <jae@jaeswift.xyz>
Date: Fri, 3 Apr 2026 00:10:28 +0000
Subject: [PATCH] fix: subcategories collapsed by default in contraband

---
 js/contraband.js | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/js/contraband.js b/js/contraband.js
index 3c6cce7..eb014b9 100644
--- a/js/contraband.js
+++ b/js/contraband.js
@@ -115,15 +115,15 @@
             if (sub.entries.length === 0 && sub.notes.length === 0) continue;
 
             html += `<div class="crt-subcategory" data-sub-idx="${i}">`;
-            html += `<div class="crt-sub-header" data-toggle="${i}">
-                <span class="crt-sub-toggle">▾</span>
+            html += `<div class="crt-sub-header collapsed" data-toggle="${i}">
+                <span class="crt-sub-toggle">▸</span>
                 <span class="crt-sub-name">${esc(sub.name)}</span>
                 <span class="crt-sub-count">${sub.entries.length} items</span>
             </div>`;
 
             // Notes
             if (sub.notes && sub.notes.length > 0) {
-                html += `<div class="crt-sub-notes">`;
+                html += `<div class="crt-sub-notes" style="display:none" id="crtNotes${i}">`;
                 for (const note of sub.notes) {
                     html += `⚠ ${esc(note)}<br>`;
                 }
@@ -131,7 +131,7 @@
             }
 
             // Entries
-            html += `<div class="crt-entries" id="crtEntries${i}">`;
+            html += `<div class="crt-entries" id="crtEntries${i}" style="display:none">`;
             for (const entry of sub.entries) {
                 html += renderEntry(entry);
             }
@@ -257,12 +257,17 @@
                 const entries = document.getElementById(`crtEntries${idx}`);
                 if (!entries) return;
                 const isCollapsed = header.classList.contains('collapsed');
+                const notes = document.getElementById(`crtNotes${idx}`);
                 if (isCollapsed) {
                     header.classList.remove('collapsed');
                     entries.style.display = '';
+                    if (notes) notes.style.display = '';
+                    header.querySelector('.crt-sub-toggle').textContent = '▾';
                 } else {
                     header.classList.add('collapsed');
                     entries.style.display = 'none';
+                    if (notes) notes.style.display = 'none';
+                    header.querySelector('.crt-sub-toggle').textContent = '▸';
                 }
             });
         });