wip: Dynamische Layers /Geräte Gruppen Erkennung , overlapping funktioniert es noch nicht

docs/architecture.md

@@ -88,3 +88,53 @@ Dieses Dokument beschreibt die technische Gesamtarchitektur des Projekts **NodeM
 - [`env.local.schema.md`](./env.local.schema.md)
 - [`redux/slices/`](./redux/slices/)
 - [`services/webservice/`](./services/webservice/)
+
+---
+
+## Dynamische Layer-Verwaltung mit Redux
+
+```mermaid
+flowchart TD
+    %% Webservice
+    subgraph Webservice
+        A1[GisSystemStatic API]
+        A2[GisStationsStaticDistrict API]
+    end
+
+    %% Redux
+    subgraph Redux
+        B1[fetchGisSystemStaticThunk]
+        B2[fetchGisStationsStaticDistrictThunk]
+        C1["gisSystemStaticSlice → selectGisSystemStatic"]
+        C2["gisStationsStaticDistrictSlice → selectGisStationsStaticDistrict"]
+        C3["mapLayersSlice → mapLayersVisibility"]
+    end
+
+    %% React
+    subgraph React-Komponente
+        D1[MapComponent.js]
+        D2["useEffect: dynamische Layer"]
+        D3["createAndSetDevices"]
+        D4["layerRefs (useRef)"]
+        D5["markerStates (useState)"]
+        D6["useEffect: Sichtbarkeit prüfen"]
+        D7["Map aktualisieren / add/remove"]
+        D8["checkOverlappingMarkers"]
+    end
+
+    %% Datenfluss
+    A1 --> B1 --> C1 --> D2
+    A2 --> B2 --> C2 --> D3
+    C3 --> D6
+    D2 --> D3
+    D3 --> D4
+    D3 --> D5
+    D5 --> D6
+    D6 --> D7
+    D6 --> D8
+    D7 --> D1
+
+
+
+
+```