---
config:
  layout: fixed
---
flowchart TB
 subgraph subGraph0["Frontend Layer"]
        UI["Benutzeroberfläche (JS/HTML/CSS)"]
        UIM["UI-Module"]
        GST["Globaler Zustand"]
  end
 subgraph subGraph1["API Layer"]
        FAPI["FastAPI Backend"]
        AMOD["API-Module & Router"]
        AUTH["Authentifizierung & Autorisierung"]
  end
 subgraph subGraph2["Core Services Layer"]
        GW["Gateway Interface"]
        LDOM["LucyDOM Interface"]
        AGS["Agent Service"]
  end
 subgraph subGraph3["External Connectors"]
        AI["AI Connectors\n(OpenAI/Anthropic)"]
        WS["Web Scraping\nConnector"]
  end
 subgraph subGraph4["Data Layer"]
        DB["JSON-Datenbank"]
        FS["Dateisystem"]
  end
    UI <--> UIM & FAPI
    UIM <--> GST
    FAPI <--> AMOD
    AMOD <--> AUTH & GW & LDOM & AGS
    GW <--> DB
    LDOM <--> DB
    AGS <--> DB & AI & WS & FS
     UI:::frontendClass
     UIM:::frontendClass
     GST:::frontendClass
     FAPI:::apiClass
     AMOD:::apiClass
     AUTH:::apiClass
     GW:::coreClass
     LDOM:::coreClass
     AGS:::coreClass
     AI:::connectorClass
     WS:::connectorClass
     DB:::dataClass
     FS:::dataClass
    classDef frontendClass fill:#D6EAF8,stroke:#2E86C1,stroke-width:2px
    classDef apiClass fill:#D5F5E3,stroke:#239B56,stroke-width:2px
    classDef coreClass fill:#FCF3CF,stroke:#D4AC0D,stroke-width:2px
    classDef connectorClass fill:#F5EEF8,stroke:#8E44AD,stroke-width:2px
    classDef dataClass fill:#FADBD8,stroke:#C0392B,stroke-width:2px