added docker logs to diagnostic

diagnostic/index.html

@@ -127,11 +127,15 @@
         <button class="tab-btn" data-tab="gateway" onclick="switchTab('gateway')">Gateway <span class="tab-count" id="count-gateway">0</span></button>
         <button class="tab-btn" data-tab="rvs" onclick="switchTab('rvs')">RVS <span class="tab-count" id="count-rvs">0</span></button>
         <button class="tab-btn" data-tab="proxy" onclick="switchTab('proxy')">Proxy <span class="tab-count" id="count-proxy">0</span></button>
+        <button class="tab-btn" data-tab="bridge" onclick="switchTab('bridge')">Bridge <span class="tab-count" id="count-bridge">0</span></button>
         <button class="tab-btn" data-tab="server" onclick="switchTab('server')">Server <span class="tab-count" id="count-server">0</span></button>
       </div>
     </div>
     <div class="log-panel">
       <div class="log-header">
+        <span>
+          <button class="btn secondary" id="btn-docker-logs" onclick="loadDockerLogs()" style="padding:4px 10px;font-size:11px;display:none">Docker Logs laden</button>
+        </span>
         <span>
           <span class="pause-hint" id="pause-hint">Autoscroll pausiert</span>
           <button class="btn secondary" id="btn-scroll" onclick="resumeScroll()" style="display:none;padding:4px 10px;font-size:11px">Nach unten</button>
@@ -141,6 +145,7 @@
       <div class="log-box hidden" id="log-gateway"></div>
       <div class="log-box hidden" id="log-rvs"></div>
       <div class="log-box hidden" id="log-proxy"></div>
+      <div class="log-box hidden" id="log-bridge"></div>
       <div class="log-box hidden" id="log-server"></div>
     </div>
   </div>
@@ -151,14 +156,16 @@
     const btnScroll = document.getElementById('btn-scroll');
     let ws;
     let activeTab = 'all';
-    const autoScroll = { all: true, gateway: true, rvs: true, proxy: true, server: true };
-    const logCounts = { all: 0, gateway: 0, rvs: 0, proxy: 0, server: 0 };
+    const DOCKER_TABS = ['gateway', 'proxy', 'bridge'];
+    const autoScroll = { all: true, gateway: true, rvs: true, proxy: true, bridge: true, server: true };
+    const logCounts = { all: 0, gateway: 0, rvs: 0, proxy: 0, bridge: 0, server: 0 };
 
     const logBoxes = {
       all: document.getElementById('log-all'),
       gateway: document.getElementById('log-gateway'),
       rvs: document.getElementById('log-rvs'),
       proxy: document.getElementById('log-proxy'),
+      bridge: document.getElementById('log-bridge'),
       server: document.getElementById('log-server'),
     };
 
@@ -186,6 +193,8 @@
       activeTab = tab;
       document.querySelectorAll('.tab-btn').forEach(b => b.classList.toggle('active', b.dataset.tab === tab));
       Object.entries(logBoxes).forEach(([t, box]) => box.classList.toggle('hidden', t !== tab));
+      // Docker Logs Button nur bei Tabs mit Containern
+      document.getElementById('btn-docker-logs').style.display = DOCKER_TABS.includes(tab) ? 'inline' : 'none';
       // Pause-Hinweis aktualisieren
       const box = logBoxes[tab];
       const atBottom = box.scrollHeight - box.scrollTop - box.clientHeight < 30;
@@ -209,6 +218,7 @@
       if (source === 'gateway') return 'gateway';
       if (source === 'rvs') return 'rvs';
       if (source === 'proxy') return 'proxy';
+      if (source === 'bridge') return 'bridge';
       if (source === 'server' || source === 'browser') return 'server';
       return null;
     }
@@ -267,6 +277,10 @@
           }
           return;
         }
+        if (msg.type === 'docker_logs') {
+          showDockerLogs(msg);
+          return;
+        }
         if (msg.type === 'response') { return; }
       };
     }
@@ -295,6 +309,11 @@
       send({ action: 'test_proxy', text: 'Antworte mit genau einem Wort: Ping' });
     }
 
+    function loadDockerLogs() {
+      if (!DOCKER_TABS.includes(activeTab)) return;
+      send({ action: 'docker_logs', tab: activeTab, tail: 200 });
+    }
+
     function updateState(state) {
       // Gateway
       const gw = state.gateway || {};
@@ -350,6 +369,40 @@
       chatBox.scrollTop = chatBox.scrollHeight;
     }
 
+    function showDockerLogs(msg) {
+      const tab = msg.tab;
+      const box = logBoxes[tab];
+      if (!box) return;
+
+      if (msg.error) {
+        appendToLog(tab, 'error', `Docker Logs Fehler: ${msg.error}`);
+        return;
+      }
+
+      // Bestehende Eintraege leeren und Docker-Logs einfuegen
+      box.innerHTML = '';
+      const header = document.createElement('div');
+      header.className = 'log-entry info';
+      header.textContent = `── Docker Logs: ${msg.container} (letzte ${msg.lines.length} Zeilen) ──`;
+      box.appendChild(header);
+
+      for (const line of msg.lines) {
+        const el = document.createElement('div');
+        el.className = 'log-entry ' + (line.match(/\b(error|Error|ERROR)\b/) ? 'error' :
+                                        line.match(/\b(warn|Warning|WARN)\b/) ? 'warn' : 'info');
+        el.textContent = line;
+        box.appendChild(el);
+      }
+
+      // Zähler aktualisieren
+      logCounts[tab] = msg.lines.length;
+      const countEl = document.getElementById(`count-${tab}`);
+      if (countEl) countEl.textContent = logCounts[tab];
+
+      box.scrollTop = box.scrollHeight;
+      autoScroll[tab] = true;
+    }
+
     function escapeHtml(str) {
       return str.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
     }