From b97424554cd32656b5c398ef24a41a3986a8f8a0 Mon Sep 17 00:00:00 2001
From: Javier <javier@local>
Date: Wed, 11 Feb 2026 10:04:39 -0600
Subject: [PATCH] feat: add column headers to scan list

---
 .../templates/conssheets/scan_session.html     |  6 ++++++
 static/css/style.css                           | 18 +++++++++++++++++-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/modules/conssheets/templates/conssheets/scan_session.html b/modules/conssheets/templates/conssheets/scan_session.html
index 6d9f0d6..13164b4 100644
--- a/modules/conssheets/templates/conssheets/scan_session.html
+++ b/modules/conssheets/templates/conssheets/scan_session.html
@@ -109,6 +109,12 @@
                 <i class="fa-solid fa-file-import"></i> Bulk Import Excel
             </button>
         </div>
+        <div class="scans-grid scan-header-row" style="--field-count: {{ detail_fields|length }};">
+            {% for field in detail_fields %}
+            <div class="scan-row-cell scan-col-header">{{ field.field_label }}</div>
+            {% endfor %}
+            <div class="scan-row-cell scan-col-header">Status</div>
+        </div>
         <div id="scansList" class="scans-grid" style="--field-count: {{ detail_fields|length }};">
             {% for scan in scans %}
             <div class="scan-row scan-row-{{ scan.duplicate_status }}" 
diff --git a/static/css/style.css b/static/css/style.css
index 4a0df45..5b05525 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1303,9 +1303,25 @@ body {
     overflow-y: auto;
 }
 
+.scan-header-row {
+    display: grid;
+    grid-template-columns: repeat(var(--field-count), 1fr) auto;
+    gap: var(--space-md);
+    padding: var(--space-xs) var(--space-md);
+    max-height: none;
+    overflow-y: visible;
+}
+
+.scan-col-header {
+    font-size: 0.75rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    color: var(--color-text-muted);
+}
 .scan-row {
     display: grid;
-    grid-template-columns: 2fr 1fr 1fr 1.5fr;
+    grid-template-columns: repeat(var(--field-count), 1fr) 1fr;
     gap: var(--space-md);
     padding: var(--space-md);
     background: var(--color-bg);