
# Interaktív Mermaid‑alapú Bizonyíték‑eredet Dashboard Valós‑Időben Kérdőív‑Auditokhoz

## Bevezetés  

A biztonsági kérdőívek, megfelelőségi auditok és beszállítói kockázati értékelések hagyományosan szűk keresztmetszetet jelentenek a gyorsan növekvő SaaS‑cégek számára. Bár az AI másodpercek alatt képes válaszokat generálni, az auditorok és belső felülvizsgálók még mindig azt kérdezik: *„Honnan származik ez a válasz? Változott-e az utolsó audit óta?”* A válasz a **bizonyíték‑eredetben** rejlik – abban a képességben, hogy minden válasz visszakövethető legyen a forrásához, verziójához és jóváhagyási láncához.

A Procurize legújabb generációs funkciócsomagja egy **interaktív Mermaid‑dashboardot** mutat be, amely valós időben vizualizálja a bizonyíték‑eredetet. A dashboard a **Dinamikus Megfelelőségi Tudásgráf (DCKG)** révén működik, amely folyamatosan szinkronizálódik a politikai tárolókkal, dokumentumtárakkal és külső megfelelőségi adatfolyamokkal. A gráfot intuitív Mermaid‑diagramként megjelenítve a biztonsági csapatok képesek:

* **Navigálni** a válasz származási láncát egy kattintással.
* **Érvényesíteni** a bizonyíték frissességét automatikus politika‑eltolódás‑értesítésekkel.
* **Exportálni** audit‑készen álló pillanatképeket, amelyek a vizuális eredetet beágyazzák a megfelelőségi jelentésekbe.

A következő szakaszokban bemutatjuk az architektúrát, a Mermaid‑modellt, az integrációs mintákat és a legjobb gyakorlatú bevezetési lépéseket.

---

## 1. Miért fontos az eredet az automatizált kérdőíveknél  

| Fájdalom pontja | Hagyományos megoldás | Maradvány kockázat |
|-----------------|----------------------|--------------------|
| **Válasz elavulása** | Manuális „utolsó frissítés” megjegyzések | Politika‑változások kimaradása |
| **Homályos forrás** | Szöveges lábjegyzetek | Az auditorok nem tudják ellenőrizni |
| **Verziókezelési káosz** | Külön Git‑repo a dokumentumoknak | Inkonzisztens pillanatképek |
| **Együttműködési terhek** | Email‑láncok a jóváhagyásokról | Elveszett jóváhagyások, duplikált munka |

Az eredet megszünteti ezeket a réseket azzal, hogy **minden AI‑generált választ egyedi bizonyíték‑csomóponthoz köt** a gráfban, amely rögzíti:

* **Forrásdokumentum** (politika fájl, harmadik fél átirat, ellenőrzési bizonyíték)
* **Verzió‑hash** (kriptográfiai ujjlenyomat, amely garantálja a változatlanságot)
* **Tulajdonos / Jóváhagyó** (emberi vagy bot azonosító)
* **Időbélyeg** (automatikus UTC idő)
* **Politika‑eltolódás jelző** (a Valós‑Idő Eltolódás Motor által automatikusan generálva)

Amikor egy auditor kattint a dashboardon egy válaszra, a rendszer azonnal kibontja a csomópontot, és megjeleníti a fenti metaadatokat.

---

## 2. Alaparchitektúra  

Az alábbi magas szintű Mermaid‑diagram a bizonyíték‑csővezeték folyamatát mutatja. A diagram a **dupla idézőjelek** használatát követi, ahogy a specifikáció megköveteli.

```mermaid
graph TD
    subgraph AI Engine
        A["LLM Answer Generator"]
        B["Prompt Manager"]
    end
    subgraph Knowledge Graph
        KG["Dynamic Compliance KG"]
        V["Evidence Version Store"]
        D["Drift Detection Service"]
    end
    subgraph UI Layer
        UI["Interactive Mermaid Dashboard"]
        C["Audit Export Service"]
    end
    subgraph Integrations
        R["Policy Repo (Git)"]
        S["Document Store (S3)"]
        M["External Compliance Feed"]
    end

    B --> A
    A --> KG
    KG --> V
    V --> D
    D --> KG
    KG --> UI
    UI --> C
    R --> V
    S --> V
    M --> KG
```

**Kulcsfontosságú áramlások**

1. **Prompt Manager** kiválaszt egy kontextus‑érzékeny promptot, amely a megfelelő KG‑csomópontokra hivatkozik.  
2. **LLM Answer Generator** elkészíti a vázlatos választ.  
3. A válasz **regisztrálásra** kerül a KG‑ban, mint egy új *Answer Node*, amely élő kapcsolatokkal rendelkezik az alatta lévő *Evidence Nodes* felé.  
4. **Evidence Version Store** kriptográfiai hash‑t ír minden forrásdokumentumról.  
5. **Drift Detection Service** folyamatosan összeveti a tárolt hash‑eket a friss politikai pillanatképekkel; minden eltérés automatikusan jelzi a választ felülvizsgálatra.  
6. **Interaktív Dashboard** a GraphQL végponton keresztül olvassa a KG‑t, és valós időben generálja a Mermaid kódot.  
7. **Audit Export Service** egyetlen PDF‑csomagba csomagolja a jelenlegi Mermaid SVG‑t, a provenance JSON‑t és a válasz szöveget.

---

## 3. A Mermaid‑Dashboard felépítése  

### 3.1 Adat‑diagram átalakítás  

A UI‑réteg egy konkrét kérdőív‑azonosítóhoz lekérdezi a KG‑t. A válasz egy beágyazott struktúrát tartalmaz:

```json
{
  "questionId": "Q-101",
  "answer": "We encrypt data at rest using AES‑256.",
  "evidence": [
    {
      "docId": "policy-iso27001",
      "versionHash": "0x9f2c...",
      "approvedBy": "alice@example.com",
      "timestamp": "2025-11-20T14:32:00Z",
      "drift": false
    },
    {
      "docId": "cloud‑kbs‑report",
      "versionHash": "0x4c1a...",
      "approvedBy": "bob@example.com",
      "timestamp": "2025-09-05T09:10:00Z",
      "drift": true
    }
  ]
}
```

Egy **kliens‑oldali renderelő** minden bizonyíték bejegyzést Mermaid algráfba konvertál:

```mermaid
graph LR
    A["Answer Q‑101"] --> E1["policy‑iso27001"]
    A --> E2["cloud‑kbs‑report"]
    E1 -->|hash: 0x9f2c| H1["Hash"]
    E2 -->|hash: 0x4c1a| H2["Hash"]
    E2 -->|drift| D["⚠️ Drift Detected"]
```

A UI vizuális jelzéseket ad hozzá:

* **Zöld csomópont** – a bizonyíték naprakész.  
* **Piros csomópont** – drift jelzés.  
* **Lakatra mutató ikon** – kriptográfiai hash ellenőrzése sikeres.

> **Megjegyzés:** A *policy‑iso27001* hivatkozás megfelel az ISO 27001 szabványnak – részletek: [ISO 27001](https://www.iso.org/standard/27001).

### 3.2 Interaktív elemek  

| Funkció | Interakció | Eredmény |
|---------|------------|----------|
| **Csomópont‑kattintás** | Kattintás bármely bizonyíték csomópontra | Megnyílik egy modálablak a teljes dokumentum előnézettel, verzió‑különbözettel és jóváhagyási megjegyzésekkel |
| **Eltolódás‑nézet váltó** | Eszköztár‑kapcsoló | Csak a `drift = true` jelzésű csomópontok kerülnek kiemelésre |
| **Pillanatkép export** | „Export” gomb | SVG + JSON provenance csomag generálása az auditorok számára |
| **Keresés** | Dokumentum‑azonosító vagy tulajdonos e‑mail beírása | Automatikusan fókuszál a megfelelő algráfra |

Mindezek az interakciók **klien­s‑oldalon** történnek, így nincs plusz round‑trip. A generált Mermaid kód egy rejtett `<textarea>`‑ban tárolódik a könnyű másoláshoz.

---

## 4. Integráció a meglévő munkafolyamatokba  

### 4.1 CI/CD megfelelőségi kapu  

Adjunk egy lépést a pipeline‑hoz, amely **megszakítja a buildet**, ha a közelgő kiadásban bármely válasz nem oldott drift jelzéssel rendelkezik. Példa GitHub Action:

```yaml
name: Evidence Provenance Gate
on: [pull_request]
jobs:
  provenance-check:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - name: Run Drift Scanner
        run: |
          curl -s https://api.procurize.io/drift?pr=${{ github.event.pull_request.number }} \
          | jq '.drifted | length > 0' && exit 1 || exit 0
```

### 4.2 Slack / Teams értesítés  

Állítsuk be a **Drift Detection Service**‑t, hogy egy rövid Mermaid‑kivonatot posztoljon a választott csatornába drift esetén. A támogatott botok automatikusan renderelik a kódrészletet, így a biztonsági felelősök azonnal láthatják a problémát.

### 4.3 Jogszabályi felülvizsgálat automatizálása  

A jogi csapatok egy **„Legal Sign‑Off”** él‑elemet adhatnak a bizonyíték csomópontokhoz. A dashboard ezen csomópontok mellett egy lakat ikont jelenít meg, jelezve, hogy a bizonyíték megfelel a jogi ellenőrzésnek.

---

## 5. Biztonsági és adatvédelmi szempontok  

| Aggály | Enyhítés |
|--------|----------|
| **Érzékeny dokumentumok láthatósága** | A nyers dokumentumok titkosított S3‑vödörben tárolódnak; a dashboard csak metaadatokat és hash‑t jelenít meg. |
| **A provenance adatok meghamisítása** | Minden gráf‑tranzakcióhoz **EIP‑712**‑stílusú aláírás tartozik; bármely módosítás érvényteleníti a hash‑t. |
| **Adatlokalizáció** | A KG‑t és a bizonyíték‑tárolót ugyanabban a régióban telepítjük, ahol a fő megfelelőségi adatok (EU, US‑East stb.) vannak. |
| **Hozzáférés‑vezérlés** | A Procurize RBAC‑modelljét használjuk: csak a `provenance:read` jogosultsággal rendelkező felhasználók láthatják a dashboardot, a `provenance:edit` jogosultság szükséges a jóváhagyásokhoz. |

---

## 6. Valós hatás: esettanulmány  

**Cég:** SecureFinTech Ltd.  
**Szituáció:** Negyedéves **[SOC 2](https://secureframe.com/hub/soc-2/what-is-soc-2)** audit során 182 titkosítási ellenőrzéshez bizonyítékot kellett bemutatni.  
**Dashboard előtt:** Kézi összegyűjtés 12 napot vett igénybe; az auditorok kérdezték a bizonyíték frissességét.  
**Dashboard után:**  

| Mutató | Kiinduló érték | Dashboard használatával |
|--------|----------------|--------------------------|
| Átlagos válaszidő | 4,2 óra | **1,1 óra** |
| Drift‑alapú újra‑munka | 28 % válasz | **3 %** |
| Auditor elégedettségi pontszám (1‑5) | 2,8 | **4,7** |
| Audit csomag exportálási idő | 6 óra | **45 perc** |

Az eredet‑vizualizáció 70 %-kal csökkentette az audit előkészítési időt, és a drift‑értesítések évente körülbelül **160 munkaóra** megtakarítást eredményeztek.

---

## 7. Lépésről‑lépésre bevezetési útmutató  

1. **Tudásgráf szinkronizáció engedélyezése** – csatlakoztassa a politika‑Git‑repo‑t, a dokumentumtárat és a külső megfelelőségi adatfolyamokat a Procurize beállításaiban.  
2. **Provenance szolgáltatás aktiválása** – kapcsolja be a „Evidence Versioning & Drift Detection” opciót a platform admin konzoljában.  
3. **Mermaid dashboard konfigurálása** – adja hozzá a `dashboard.provenance.enabled = true` sort a `procurize.yaml` konfigurációs fájlhoz.  
4. **Jóváhagyási munkafolyamatok definiálása** – a “Workflow Builder” segítségével csatolja a „Legal Sign‑Off” és „Security Owner” lépéseket minden bizonyíték csomóponthoz.  
5. **Képzés** – tartson egy 30‑perces élő bemutatót, amely bemutatja a csomópont‑interakciókat, a drift kezelést és az exportálási folyamatot.  
6. **Auditor portálokba ágyazás** – használja az alábbi IFrame‑kódrészletet a dashboard külső auditor portálba való beágyazásához.  

```html
<iframe src="https://dashboard.procurize.io/q/2025-Q101"
        width="100%" height="800"
        style="border:none;"></iframe>
```

7. **Metrikák nyomon követése** – a Procurize analitikai dashboardon kövesse a “Drift Events”, “Export Count” és “Avg. Answer Time” mutatókat a befektetés megtérülésének (ROI) méréséhez.

---

## 8. Jövőbeli fejlesztések  

| Útiterv‑elem | Leírás |
|--------------|--------|
| **AI‑vezérelt drift előrejelzés** | LLM‑alapú trend‑analízis a politika‑változási naplókon, amely még a drift bekövetkezése előtt jelzi a lehetséges eltéréseket. |
| **Kereszt‑bérlői provenance megosztás** | Federált KG mód, amely lehetővé teszi a partnercégek számára a megosztott bizonyítékok megtekintését anélkül, hogy a nyers dokumentumok kikerülnének. |
| **Hang‑alapú navigáció** | Integráció a Procurize Voice Assistant‑tel, amely lehetővé teszi a felhasználók számára a “Mutasd a 34‑es válasz forrását” parancsot. |
| **Élő együttműködés** | Valós‑idő többfelhasználós szerkesztés a bizonyíték csomópontokon, jelenléti jelzőkkel, amelyek közvetlenül a Mermaid diagramon jelennek meg. |

---

## 9. Összegzés  

A **Procurize interaktív Mermaid‑alapú bizonyíték‑eredet dashboardja** átláthatóvá, auditálhatóvá és együttműködés‑készséggé alakítja a biztonsági kérdőív‑automatizálás homályos világát. Az AI‑generált válaszok egy élő megfelelőségi tudásgráffal való összekapcsolásával a szervezetek **azonnali származási láthatóságot**, **automatikus drift‑kezelést** és **audit‑kész artefaktumokat** kapnak – mindezt anélkül, hogy feláldoznák a sebességet.

Az ilyen vizuális provenance réteg bevezetése nem csak az audit ciklusokat rövidíti le, hanem bizalmat épít a szabályozók, partnerek és ügyfelek felé is, hiszen a biztonsági állítások **valódi, valós‑időben frissített bizonyítékokkal** alátámasztottak.