added-debug-loggin-by-default

api1.js

@@ -125,6 +125,13 @@ function registerTakerHandlers() {
     try {
       console.log(`🔧 Setting up logging: level=${level}, dataDir=${dataDir}`);
 
+      if (!api1State.coinswapNapi) {
+        await initNAPI();
+      }
+
+      // Default to Taker class for logging setup (shared mechanism)
+      const TakerClass = api1State.coinswapNapi?.Taker;
+
       if (!TakerClass?.setupLogging) {
         throw new Error('setupLogging method not available');
       }
@@ -238,7 +245,7 @@ function registerTakerHandlers() {
       try {
         // Get log level from store, environment, or default to 'info'
         const logLevel =
-          store.get('logLevel') || process.env.LOG_LEVEL || 'info';
+          store.get('logLevel') || process.env.LOG_LEVEL || 'debug';
 
         console.log(`🔧 Setting up logging with level: ${logLevel}`);
         TakerClass.setupLogging?.(api1State.DATA_DIR, logLevel);
@@ -1139,6 +1146,7 @@ function registerCoinswapHandlers() {
             api1State.storedTakerConfig?.zmqAddr || 'tcp://127.0.0.1:28332',
           password: password || '',
           protocol: protocol,
+          logLevel: store.get('logLevel') || process.env.LOG_LEVEL || 'debug',
         };
 
         const worker = new Worker(path.join(__dirname, 'coinswap-worker.js'), {

coinswap-worker.js

@@ -29,9 +29,9 @@ const { parentPort, workerData } = require('worker_threads');
     // Setup logging if available
     try {
       if (TakerClass.setupLogging) {
-        TakerClass.setupLogging(config.dataDir);
+        TakerClass.setupLogging(config.dataDir, config.logLevel || 'debug');
       } else if (coinswapNapi.setupLogging) {
-        coinswapNapi.setupLogging(config.dataDir);
+        coinswapNapi.setupLogging(config.dataDir, config.logLevel || 'debug');
       }
     } catch (logError) {
       console.warn('⚠️ Worker could not setup logging:', logError.message);

src/components/log/Log.js

@@ -112,19 +112,23 @@ export function LogComponent(container) {
       info: logs.filter((l) => l.type === 'info').length,
       warn: logs.filter((l) => l.type === 'warn').length,
       error: logs.filter((l) => l.type === 'error').length,
+      debug: logs.filter((l) => l.type === 'debug').length,
     };
     const total = Object.values(stats).reduce((a, b) => a + b, 0) || 1;
 
     const el = (id) => content.querySelector(id);
     if (el('#info-count')) el('#info-count').textContent = stats.info;
     if (el('#warn-count')) el('#warn-count').textContent = stats.warn;
     if (el('#error-count')) el('#error-count').textContent = stats.error;
+    if (el('#debug-count')) el('#debug-count').textContent = stats.debug;
     if (el('#info-bar'))
       el('#info-bar').style.width = `${(stats.info / total) * 100}%`;
     if (el('#warn-bar'))
       el('#warn-bar').style.width = `${(stats.warn / total) * 100}%`;
     if (el('#error-bar'))
       el('#error-bar').style.width = `${(stats.error / total) * 100}%`;
+    if (el('#debug-bar'))
+      el('#debug-bar').style.width = `${(stats.debug / total) * 100}%`;
   }
 
   function setFilter(filter) {
@@ -163,6 +167,7 @@ export function LogComponent(container) {
               <button id="filter-info" class="filter-btn bg-[#0f1419] hover:bg-[#242d3d] border border-gray-700 text-gray-400 px-4 py-2 rounded text-sm font-semibold transition-colors">Info</button>
               <button id="filter-warn" class="filter-btn bg-[#0f1419] hover:bg-[#242d3d] border border-gray-700 text-gray-400 px-4 py-2 rounded text-sm font-semibold transition-colors">Warning</button>
               <button id="filter-error" class="filter-btn bg-[#0f1419] hover:bg-[#242d3d] border border-gray-700 text-gray-400 px-4 py-2 rounded text-sm font-semibold transition-colors">Error</button>
+              <button id="filter-debug" class="filter-btn bg-[#0f1419] hover:bg-[#242d3d] border border-gray-700 text-gray-400 px-4 py-2 rounded text-sm font-semibold transition-colors">Debug</button>
             </div>
             <div class="flex gap-2">
               <button id="refresh-logs" class="bg-[#242d3d] hover:bg-[#2d3748] text-white px-4 py-2 rounded text-sm transition-colors">
@@ -208,6 +213,15 @@ export function LogComponent(container) {
                 <div id="error-bar" class="bg-red-400 h-2 rounded-full" style="width:0%"></div>
               </div>
             </div>
+            <div>
+              <div class="flex justify-between items-center mb-1">
+                <span class="text-sm text-gray-400">Debug</span>
+                <span id="debug-count" class="text-blue-400 font-semibold">0</span>
+              </div>
+              <div class="w-full bg-[#0f1419] rounded-full h-2">
+                <div id="debug-bar" class="bg-blue-400 h-2 rounded-full" style="width:0%"></div>
+              </div>
+            </div>
           </div>
         </div>
 
@@ -253,6 +267,9 @@ export function LogComponent(container) {
   content
     .querySelector('#filter-error')
     .addEventListener('click', () => setFilter('error'));
+  content
+    .querySelector('#filter-debug')
+    .addEventListener('click', () => setFilter('debug'));
   content.querySelector('#refresh-logs').addEventListener('click', fetchLogs);
   content
     .querySelector('#open-log-file')