From ffedc26150e9de4eb3240c2a0da1c5d286c4b4a5 Mon Sep 17 00:00:00 2001
From: John Mizerek <mizerek@gmail.com>
Date: Sun, 1 Mar 2026 10:37:27 -0800
Subject: [PATCH] Add subcategories stat row to menu summary card in setup
 wizard

Shows subcategory count as a separate indented row beneath categories
when subcategories are present.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 portal/setup-wizard.html | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/portal/setup-wizard.html b/portal/setup-wizard.html
index 6543499..a235593 100644
--- a/portal/setup-wizard.html
+++ b/portal/setup-wizard.html
@@ -883,6 +883,10 @@
                   <span class="summary-stat-label">Categories</span>
                   <span class="summary-stat-value" id="summaryCategories">0</span>
                 </div>
+                <div class="summary-stat" id="summarySubcategoriesRow" style="display:none;">
+                  <span class="summary-stat-label" style="padding-left:12px;color:var(--gray-500);">Subcategories</span>
+                  <span class="summary-stat-value" id="summarySubcategories">0</span>
+                </div>
                 <div class="summary-stat">
                   <span class="summary-stat-label">Modifier Templates</span>
                   <span class="summary-stat-value" id="summaryModifiers">0</span>
@@ -2916,9 +2920,14 @@
 
       const topCats = categories.filter(c => !c.parentCategoryName);
       const subCats = categories.filter(c => c.parentCategoryName);
-      document.getElementById('summaryCategories').textContent = subCats.length > 0
-        ? `${topCats.length} (${subCats.length} subcategories)`
-        : categories.length;
+      document.getElementById('summaryCategories').textContent = topCats.length > 0 ? topCats.length : categories.length;
+      const subRow = document.getElementById('summarySubcategoriesRow');
+      if (subCats.length > 0) {
+        document.getElementById('summarySubcategories').textContent = subCats.length;
+        subRow.style.display = '';
+      } else {
+        subRow.style.display = 'none';
+      }
       document.getElementById('summaryModifiers').textContent = modifiers.length;
       document.getElementById('summaryItems').textContent = items.length;