OSINT Monitor Layer + Erdbeben in Katastrophen zusammengefuehrt

MONITOR LAYER (neu):
- Neuer Top-Layer "OSINT Monitor" im Panel
- Zeigt geoparsete Standorte aus Monitor-Lagen auf dem Globus
- Farbkodiert: rot=Hauptgeschehen, orange=Reaktionen, blau=Beteiligte
- Labels mit Ortsname + Artikelanzahl bei Zoom
- 2min Refresh, GeoJSON vom Monitor Public API

KATASTROPHEN (erweitert):
- Erdbeben-Layer in Katastrophen integriert (kein separater Toggle mehr)
- Laedt NASA EONET + USGS parallel
- Erdbeben als farbige Punkte (rot=frisch, gelb=alt) mit M-Label
- Katastrophen-Toggle zeigt jetzt alles: Waldbraende, Vulkane,
  Stuerme, Fluten UND Erdbeben

static/js/layers/monitor.js

@@ -0,0 +1,100 @@
+/**
+ * Monitor-Layer: OSINT-Daten aus dem AegisSight Monitor.
+ * Zeigt geoparsete Standorte aus Nachrichtenlagen auf dem Globus.
+ */
+const MonitorLayer = {
+    _viewer: null,
+    _points: null,
+    _labels: null,
+    _interval: null,
+    _count: 0,
+    _data: [],
+    _incidents: [],
+
+    start(viewer) {
+        if (this._points) return;
+        this._viewer = viewer;
+        this._points = viewer.scene.primitives.add(new Cesium.PointPrimitiveCollection());
+        this._labels = viewer.scene.primitives.add(new Cesium.LabelCollection());
+        this._fetch();
+        var self = this;
+        this._interval = setInterval(function() { self._fetch(); }, 120000); // 2min
+    },
+
+    stop() {
+        if (this._interval) { clearInterval(this._interval); this._interval = null; }
+        if (this._points && this._viewer) { this._viewer.scene.primitives.remove(this._points); this._points = null; }
+        if (this._labels && this._viewer) { this._viewer.scene.primitives.remove(this._labels); this._labels = null; }
+        this._count = 0; this._data = []; this._incidents = [];
+    },
+
+    _fetch() {
+        var self = this;
+        var loadEl = document.getElementById('loading-monitor');
+        var statusEl = document.getElementById('status-monitor');
+        if (loadEl) loadEl.classList.add('active');
+        if (statusEl) { statusEl.textContent = 'Lade Monitor-Daten...'; statusEl.classList.add('active'); }
+        fetch('/api/monitor-feed')
+        .then(function(r) { return r.json(); })
+        .then(function(data) {
+            self._data = data.features || [];
+            self._incidents = data.incidents || [];
+            self._count = self._data.length;
+            self._render();
+            if (statusEl) {
+                var incNames = self._incidents.map(function(i) { return i.title; }).join(', ');
+                statusEl.textContent = self._count + ' Orte' + (incNames ? ' (' + incNames.substring(0, 40) + ')' : '');
+            }
+        })
+        .catch(function(e) { console.warn('Monitor error:', e); if (statusEl) statusEl.textContent = 'Fehler'; })
+        .finally(function() { if (loadEl) loadEl.classList.remove('active'); setTimeout(function() { if (statusEl) statusEl.classList.remove('active'); }, 8000); });
+    },
+
+    _render() {
+        if (!this._points) return;
+        this._points.removeAll();
+        this._labels.removeAll();
+
+        var colors = {
+            'primary': Cesium.Color.fromCssColorString('#ff2222'),
+            'secondary': Cesium.Color.fromCssColorString('#ff8800'),
+            'tertiary': Cesium.Color.fromCssColorString('#4499ff'),
+            'mentioned': Cesium.Color.fromCssColorString('#888888'),
+        };
+
+        for (var i = 0; i < this._data.length; i++) {
+            var f = this._data[i];
+            var coords = f.geometry.coordinates;
+            var p = f.properties;
+            var cat = p.category || 'mentioned';
+            var color = colors[cat] || colors.mentioned;
+            var count = p.article_count || 1;
+            var size = Math.min(Math.max(Math.sqrt(count) * 2.5, 4), 14);
+
+            this._points.add({
+                position: Cesium.Cartesian3.fromDegrees(coords[0], coords[1], 1000),
+                pixelSize: size,
+                color: color,
+                outlineColor: Cesium.Color.WHITE.withAlpha(0.6),
+                outlineWidth: 1,
+            });
+
+            // Label mit Ortsname bei genug Artikeln
+            if (count >= 2) {
+                this._labels.add({
+                    position: Cesium.Cartesian3.fromDegrees(coords[0], coords[1], 1000),
+                    text: (p.name || '?') + ' (' + count + ')',
+                    font: '11px sans-serif',
+                    fillColor: color,
+                    outlineColor: Cesium.Color.BLACK,
+                    outlineWidth: 3,
+                    style: Cesium.LabelStyle.FILL_AND_OUTLINE,
+                    pixelOffset: new Cesium.Cartesian2(0, -size - 6),
+                    scale: 0.8,
+                    horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                    distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 3000000),
+                });
+            }
+        }
+    },
+};