From 7bf1c559d64fd3735b42778ca06cf89635f2adb3 Mon Sep 17 00:00:00 2001
From: rob <robdickson444@hotmail.com>
Date: Wed, 15 Oct 2025 23:12:10 -0300
Subject: [PATCH] included more features

---
 src/debug-panel.js | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/debug-panel.js b/src/debug-panel.js
index 4212540..ea763d3 100644
--- a/src/debug-panel.js
+++ b/src/debug-panel.js
@@ -229,7 +229,11 @@
             this._wireControls();
             this._startLogRefresh();
 
-            log().info('Debug panel mounted');
+            // Force an initial log to verify logging works
+            setTimeout(() => {
+                log().info('Debug panel mounted and logging active');
+                log().info(`Panel visible at: ${this.panelState.left !== undefined ? `(${this.panelState.left}, ${this.panelState.top})` : '(bottom-right)'}`);
+            }, 100);
         }
 
         _wireControls() {
@@ -473,7 +477,16 @@
         _startLogRefresh() {
             const renderLogs = () => {
                 if (!this.bodyLogs || this.collapsed) return;
-                const rows = log().buffer.slice(-80);
+                const logger = log();
+                if (!logger || !logger.buffer) {
+                    this.bodyLogs.innerHTML = '<div style="padding:8px;color:#f59e0b;">Logger not initialized yet...</div>';
+                    return;
+                }
+                const rows = logger.buffer.slice(-80);
+                if (rows.length === 0) {
+                    this.bodyLogs.innerHTML = '<div style="padding:8px;color:#94a3b8;">No logs yet. Waiting for activity...</div>';
+                    return;
+                }
                 this.bodyLogs.innerHTML = rows.map(e =>
                     `<div style="padding:4px 0;border-bottom:1px dashed #2a2a34;white-space:pre-wrap;word-break:break-word;">${e.timestamp}  ${e.level.padEnd(5)}  ${e.message}${e.data ? ' ' + JSON.stringify(e.data) : ''}</div>`
                 ).join('');