From 66c1998d2f8c6dacc4c60c8c473c4b716e246c78 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Wed, 6 May 2026 21:38:05 +0200
Subject: [PATCH] docs(c4): add VS Code PlantUML server config and diagram
 index

---
 .vscode/settings.json          |  4 +++-
 docs/architecture/c4/README.md | 39 ++++++++++++++++++++++++++++++++++
 2 files changed, 42 insertions(+), 1 deletion(-)
 create mode 100644 docs/architecture/c4/README.md

diff --git a/.vscode/settings.json b/.vscode/settings.json
index b84f89c3..471d77c1 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,4 +1,6 @@
 {
     "java.configuration.updateBuildConfiguration": "interactive",
-    "java.compile.nullAnalysis.mode": "automatic"
+    "java.compile.nullAnalysis.mode": "automatic",
+    "plantuml.render": "PlantUMLServer",
+    "plantuml.server": "http://heim-nas:8500"
 }
\ No newline at end of file
diff --git a/docs/architecture/c4/README.md b/docs/architecture/c4/README.md
new file mode 100644
index 00000000..68b4f427
--- /dev/null
+++ b/docs/architecture/c4/README.md
@@ -0,0 +1,39 @@
+# C4-PlantUML Diagrams
+
+Architecture diagrams in C4-PlantUML format. These are the authoritative source for layout-accurate diagrams. The companion `c4-diagrams.md` in the parent directory keeps Mermaid versions for inline Gitea rendering.
+
+## Render in Gitea
+
+Gitea is configured to render `.puml` files as diagrams. Open any `.puml` file in the Gitea UI to see the rendered diagram.
+
+> **Note:** `plantuml` code fences inside Markdown files do **not** render inline in Gitea — this is a Gitea limitation unrelated to the server configuration. The `.md` files in this repo use Mermaid for that reason.
+
+## Render in VS Code
+
+Install the [PlantUML extension](https://marketplace.visualstudio.com/items?itemName=jebbs.plantuml) (`jebbs.plantuml`). The project's `.vscode/settings.json` already points at the shared server:
+
+```
+plantuml.server = http://heim-nas:8500
+```
+
+Open any `.puml` file and press `Alt+D` to preview.
+
+## Files
+
+| File | Diagram |
+|---|---|
+| `l1-context.puml` | Level 1 — System Context |
+| `l2-containers.puml` | Level 2 — Containers |
+| `l3-backend-3a-security.puml` | L3 Backend: Security & Authentication |
+| `l3-backend-3b-document-management.puml` | L3 Backend: Document Management & Import |
+| `l3-backend-3c-transcription.puml` | L3 Backend: Document Transcription Pipeline |
+| `l3-backend-3d-users-groups.puml` | L3 Backend: Users, Groups & Administration |
+| `l3-backend-3e-persons.puml` | L3 Backend: Persons & Family Graph |
+| `l3-backend-3f-ocr.puml` | L3 Backend: OCR Orchestration |
+| `l3-backend-3g-supporting.puml` | L3 Backend: Supporting Domains |
+| `l3-frontend-3a-middleware-auth.puml` | L3 Frontend: Middleware, Auth & Layout |
+| `l3-frontend-3b-document-workflows.puml` | L3 Frontend: Document Workflows |
+| `l3-frontend-3c-people-stories.puml` | L3 Frontend: People, Stories & Discovery |
+| `l3-frontend-3d-administration.puml` | L3 Frontend: Administration & Help |
+| `seq-auth-flow.puml` | Sequence: Authentication Flow |
+| `seq-document-upload.puml` | Sequence: Document Upload Flow |