From 997ca4060c8c9674bbd15384cb30877a7eb7a02e Mon Sep 17 00:00:00 2001
From: CaptainJack2491 <jayrupnakawala@gmail.com>
Date: Thu, 2 Apr 2026 17:37:11 +0100
Subject: feat(dashboard): enhance raw-dataset view with column toggles,
 truncation, and row inspector

---
 api/static/index.html | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

(limited to 'api/static/index.html')

diff --git a/api/static/index.html b/api/static/index.html
index 5338fca..d365254 100644
--- a/api/static/index.html
+++ b/api/static/index.html
@@ -104,6 +104,18 @@
                 </div>
 
                 <div id="tab-csv" class="tab-panel">
+                    <div class="results-controls">
+                        <div id="csv-table-controls" style="display: flex; align-items: center; width: 100%;">
+                            <span id="csv-table-stats" style="font-size: 0.8rem; font-weight: 600; color: var(--color-accent);"></span>
+                            <div class="column-selector">
+                                <button id="btn-toggle-columns" class="btn btn-secondary" style="font-size: 0.75rem; padding: 4px 12px;">Columns</button>
+                                <div id="column-dropdown" class="column-dropdown" style="display: none;">
+                                    <div style="margin-bottom: 12px; font-weight: 700; font-size: 0.7rem; text-transform: uppercase;">Visible Columns</div>
+                                    <div id="column-list" class="column-grid"></div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
                     <div id="csv-results" class="results-container">
                         <div class="empty-state">No active data.</div>
                     </div>
@@ -134,5 +146,16 @@
             <div id="modal-chart-container" class="chart-container" style="height: 80vh; border: none; background: transparent;"></div>
         </div>
     </div>
+
+    <!-- Inspector Modal -->
+    <div id="inspector-modal" class="modal-overlay" style="display: none;">
+        <div class="modal-content wide">
+            <button id="close-inspector-btn" class="btn-close">&times;</button>
+            <div id="inspector-content" style="height: 100%; overflow: hidden;">
+                <!-- Populated via JS -->
+                <div class="empty-state">Loading details...</div>
+            </div>
+        </div>
+    </div>
 </body>
 </html>
\ No newline at end of file
-- 
cgit v1.2.3