From 93c41ef6470e23b5a80de22eecb24b9b42e86fe4 Mon Sep 17 00:00:00 2001
From: CyberMind-FR <gandalf@Gk2.net>
Date: Fri, 26 Dec 2025 08:13:00 +0100
Subject: [PATCH] debug: show debug info on page instead of console
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Display debug information directly on the page to diagnose
why modules list is empty. Shows:
- Data type received
- Whether it's an array
- Full JSON dump of the data

This will help identify the exact structure being returned.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 .../resources/view/secubox/modules.js         | 38 +++++++++++++++----
 1 file changed, 30 insertions(+), 8 deletions(-)

diff --git a/luci-app-secubox/htdocs/luci-static/resources/view/secubox/modules.js b/luci-app-secubox/htdocs/luci-static/resources/view/secubox/modules.js
index 47abde45..0e9d6301 100644
--- a/luci-app-secubox/htdocs/luci-static/resources/view/secubox/modules.js
+++ b/luci-app-secubox/htdocs/luci-static/resources/view/secubox/modules.js
@@ -9,17 +9,39 @@ var callModules = rpc.declare({
 });
 
 return view.extend({
-    load: function() { return callModules(); },
+    load: function() {
+        return callModules();
+    },
     render: function(data) {
-        // data is already the array because of expect: { modules: [] }
-        var modules = data || [];
+        // Debug info at top of page
+        var debugInfo = E('div', {style:'padding:20px;margin-bottom:20px;background:#fff3cd;border:2px solid #ffc107;border-radius:8px'}, [
+            E('h3', {style:'margin:0 0 10px 0;color:#856404'}, '🔍 Debug Information'),
+            E('p', {}, 'Data type: ' + typeof data),
+            E('p', {}, 'Is Array: ' + Array.isArray(data)),
+            E('p', {}, 'Data length: ' + (data ? (data.length !== undefined ? data.length : 'no length') : 'null')),
+            E('pre', {style:'background:#f8f9fa;padding:10px;overflow:auto;max-height:200px'},
+                JSON.stringify(data, null, 2))
+        ]);
+
+        var modules = Array.isArray(data) ? data : (data && data.modules ? data.modules : []);
+
+        if (modules.length === 0) {
+            return E('div', {class:'cbi-map'}, [
+                E('h2', {}, '📦 SecuBox Modules'),
+                debugInfo,
+                E('div', {style:'color:red;padding:20px;background:#fee;border:2px solid red;border-radius:8px'},
+                    E('p', {}, '❌ No modules found in data!'))
+            ]);
+        }
+
         return E('div', {class:'cbi-map'}, [
-            E('h2', {}, '📦 SecuBox Modules'),
+            E('h2', {}, '📦 SecuBox Modules (' + modules.length + ' modules)'),
+            debugInfo,
             E('div', {style:'display:grid;gap:12px'}, modules.map(function(m) {
-                return E('div', {style:'background:#1e293b;padding:16px;border-radius:8px;border-left:4px solid '+m.color}, [
-                    E('div', {style:'font-weight:bold;color:#f1f5f9'}, m.name),
-                    E('div', {style:'color:#94a3b8;font-size:14px'}, m.description),
-                    E('span', {style:'display:inline-block;margin-top:8px;padding:2px 8px;border-radius:4px;font-size:12px;background:'+(m.running?'#22c55e20;color:#22c55e':m.installed?'#f59e0b20;color:#f59e0b':'#64748b20;color:#64748b')}, 
+                return E('div', {style:'background:#1e293b;padding:16px;border-radius:8px;border-left:4px solid '+(m.color||'#64748b')}, [
+                    E('div', {style:'font-weight:bold;color:#f1f5f9'}, m.name || m.id || 'Unknown'),
+                    E('div', {style:'color:#94a3b8;font-size:14px'}, m.description || ''),
+                    E('span', {style:'display:inline-block;margin-top:8px;padding:2px 8px;border-radius:4px;font-size:12px;background:'+(m.running?'#22c55e20;color:#22c55e':m.installed?'#f59e0b20;color:#f59e0b':'#64748b20;color:#64748b')},
                         m.running ? 'Running' : m.installed ? 'Stopped' : 'Not Installed')
                 ]);
             }))