From 5f4f5c1dc75cfc5b6b2c0fbff0564187c3f3e124 Mon Sep 17 00:00:00 2001
From: cinereal <cinereal@riseup.net>
Date: Wed, 4 Jun 2025 18:44:16 +0200
Subject: [PATCH] add data model for the reference front-end

---
 architecture-docs/panel-data-model.mmd | 17 +++++++++++++++++
 architecture-docs/panel-data-model.svg |  1 +
 2 files changed, 18 insertions(+)
 create mode 100644 architecture-docs/panel-data-model.mmd
 create mode 100644 architecture-docs/panel-data-model.svg

diff --git a/architecture-docs/panel-data-model.mmd b/architecture-docs/panel-data-model.mmd
new file mode 100644
index 0000000..818a805
--- /dev/null
+++ b/architecture-docs/panel-data-model.mmd
@@ -0,0 +1,17 @@
+---
+title: Data model of sample web application
+---
+erDiagram
+    runtime {
+        json configuration
+    }
+    operator {
+        string username
+        string password_hash
+    }
+    deployment {
+        json configuration
+        option[string] version
+    }
+    operator ||--o{ deployment : has
+    deployment }|--|| runtime : uses
diff --git a/architecture-docs/panel-data-model.svg b/architecture-docs/panel-data-model.svg
new file mode 100644
index 0000000..6af9534
--- /dev/null
+++ b/architecture-docs/panel-data-model.svg
@@ -0,0 +1 @@
+<svg aria-roledescription="er" role="graphics-document document" viewBox="-83.66458129882812 -61 344.171875 478" style="max-width: 344.172px; background-color: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="my-svg"><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#my-svg .error-icon{fill:#552222;}#my-svg .error-text{fill:#552222;stroke:#552222;}#my-svg .edge-thickness-normal{stroke-width:1px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:#333333;stroke:#333333;}#my-svg .marker.cross{stroke:#333333;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#my-svg p{margin:0;}#my-svg .entityBox{fill:#ECECFF;stroke:#9370DB;}#my-svg .attributeBoxOdd{fill:#ffffff;stroke:#9370DB;}#my-svg .attributeBoxEven{fill:#f2f2f2;stroke:#9370DB;}#my-svg .relationshipLabelBox{fill:hsl(80, 100%, 96.2745098039%);opacity:0.7;background-color:hsl(80, 100%, 96.2745098039%);}#my-svg .relationshipLabelBox rect{opacity:0.5;}#my-svg .relationshipLine{stroke:#333333;}#my-svg .entityTitleText{text-anchor:middle;font-size:18px;fill:#333;}#my-svg #MD_PARENT_START{fill:#f5f5f5!important;stroke:#333333!important;stroke-width:1;}#my-svg #MD_PARENT_END{fill:#f5f5f5!important;stroke:#333333!important;stroke-width:1;}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g/><defs><marker orient="auto" markerHeight="240" markerWidth="190" refY="7" refX="0" id="MD_PARENT_START"><path d="M 18,7 L9,13 L1,7 L9,1 Z"/></marker></defs><defs><marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="19" id="MD_PARENT_END"><path d="M 18,7 L9,13 L1,7 L9,1 Z"/></marker></defs><defs><marker orient="auto" markerHeight="18" markerWidth="18" refY="9" refX="0" id="ONLY_ONE_START"><path d="M9,0 L9,18 M15,0 L15,18" fill="none" stroke="gray"/></marker></defs><defs><marker orient="auto" markerHeight="18" markerWidth="18" refY="9" refX="18" id="ONLY_ONE_END"><path d="M3,0 L3,18 M9,0 L9,18" fill="none" stroke="gray"/></marker></defs><defs><marker orient="auto" markerHeight="18" markerWidth="30" refY="9" refX="0" id="ZERO_OR_ONE_START"><circle r="6" cy="9" cx="21" fill="white" stroke="gray"/><path d="M9,0 L9,18" fill="none" stroke="gray"/></marker></defs><defs><marker orient="auto" markerHeight="18" markerWidth="30" refY="9" refX="30" id="ZERO_OR_ONE_END"><circle r="6" cy="9" cx="9" fill="white" stroke="gray"/><path d="M21,0 L21,18" fill="none" stroke="gray"/></marker></defs><defs><marker orient="auto" markerHeight="36" markerWidth="45" refY="18" refX="18" id="ONE_OR_MORE_START"><path d="M0,18 Q 18,0 36,18 Q 18,36 0,18 M42,9 L42,27" fill="none" stroke="gray"/></marker></defs><defs><marker orient="auto" markerHeight="36" markerWidth="45" refY="18" refX="27" id="ONE_OR_MORE_END"><path d="M3,9 L3,27 M9,18 Q27,0 45,18 Q27,36 9,18" fill="none" stroke="gray"/></marker></defs><defs><marker orient="auto" markerHeight="36" markerWidth="57" refY="18" refX="18" id="ZERO_OR_MORE_START"><circle r="6" cy="18" cx="48" fill="white" stroke="gray"/><path d="M0,18 Q18,0 36,18 Q18,36 0,18" fill="none" stroke="gray"/></marker></defs><defs><marker orient="auto" markerHeight="36" markerWidth="57" refY="18" refX="39" id="ZERO_OR_MORE_END"><circle r="6" cy="18" cx="9" fill="white" stroke="gray"/><path d="M21,18 Q39,0 57,18 Q39,36 21,18" fill="none" stroke="gray"/></marker></defs><path style="stroke: gray; fill: none;" marker-start="url(#ONLY_ONE_START)" marker-end="url(#ZERO_OR_MORE_END)" d="M88.421,86L88.421,94.333C88.421,102.667,88.421,119.333,88.421,136C88.421,152.667,88.421,169.333,88.421,177.667L88.421,186" class="er relationshipLine"/><path style="stroke: gray; fill: none;" marker-start="url(#ONE_OR_MORE_START)" marker-end="url(#ONLY_ONE_END)" d="M88.421,252L88.421,260.333C88.421,268.667,88.421,285.333,88.421,302C88.421,318.667,88.421,335.333,88.421,343.667L88.421,352" class="er relationshipLine"/><g transform="translate(38.42137145996094,352 )" id="entity-runtime-7700b922-bc59-5b73-827c-b7c7d621b1ee"><rect height="45" width="100" y="0" x="0" class="er entityBox"/><text style="dominant-baseline: middle; text-anchor: middle; font-size: 12px;" transform="translate(50,12)" y="0" x="0" id="text-entity-runtime-7700b922-bc59-5b73-827c-b7c7d621b1ee" class="er entityLabel">runtime</text><rect height="21" width="30.6796875" y="24" x="0" class="er attributeBoxOdd"/><text style="dominant-baseline: middle; font-size: 10.2px;" transform="translate(5,34.5)" y="0" x="0" id="text-entity-runtime-7700b922-bc59-5b73-827c-b7c7d621b1ee-attr-1-type" class="er entityLabel">json</text><rect height="21" width="69.3203125" y="24" x="30.6796875" class="er attributeBoxOdd"/><text style="dominant-baseline: middle; font-size: 10.2px;" transform="translate(35.6796875,34.5)" y="0" x="0" id="text-entity-runtime-7700b922-bc59-5b73-827c-b7c7d621b1ee-attr-1-name" class="er entityLabel">configuration</text></g><g transform="translate(30.1187744140625,20 )" id="entity-operator-6c3c8122-d73d-5044-ae44-1ef3f93ceeda"><rect height="66" width="116.60519409179688" y="0" x="0" class="er entityBox"/><text style="dominant-baseline: middle; text-anchor: middle; font-size: 12px;" transform="translate(58.30259704589844,12)" y="0" x="0" id="text-entity-operator-6c3c8122-d73d-5044-ae44-1ef3f93ceeda" class="er entityLabel">operator</text><rect height="21" width="35.245819091796875" y="24" x="0" class="er attributeBoxOdd"/><text style="dominant-baseline: middle; font-size: 10.2px;" transform="translate(5,34.5)" y="0" x="0" id="text-entity-operator-6c3c8122-d73d-5044-ae44-1ef3f93ceeda-attr-1-type" class="er entityLabel">string</text><rect height="21" width="81.359375" y="24" x="35.245819091796875" class="er attributeBoxOdd"/><text style="dominant-baseline: middle; font-size: 10.2px;" transform="translate(40.245819091796875,34.5)" y="0" x="0" id="text-entity-operator-6c3c8122-d73d-5044-ae44-1ef3f93ceeda-attr-1-name" class="er entityLabel">username</text><rect height="21" width="35.245819091796875" y="45" x="0" class="er attributeBoxEven"/><text style="dominant-baseline: middle; font-size: 10.2px;" transform="translate(5,55.5)" y="0" x="0" id="text-entity-operator-6c3c8122-d73d-5044-ae44-1ef3f93ceeda-attr-2-type" class="er entityLabel">string</text><rect height="21" width="81.359375" y="45" x="35.245819091796875" class="er attributeBoxEven"/><text style="dominant-baseline: middle; font-size: 10.2px;" transform="translate(40.245819091796875,55.5)" y="0" x="0" id="text-entity-operator-6c3c8122-d73d-5044-ae44-1ef3f93ceeda-attr-2-name" class="er entityLabel">password_hash</text></g><g transform="translate(20,186 )" id="entity-deployment-6e8d4da4-7b9e-52d1-a6c4-135846840a1b"><rect height="66" width="136.84274291992188" y="0" x="0" class="er entityBox"/><text style="dominant-baseline: middle; text-anchor: middle; font-size: 12px;" transform="translate(68.42137145996094,12)" y="0" x="0" id="text-entity-deployment-6e8d4da4-7b9e-52d1-a6c4-135846840a1b" class="er entityLabel">deployment</text><rect height="21" width="68.49899291992188" y="24" x="0" class="er attributeBoxOdd"/><text style="dominant-baseline: middle; font-size: 10.2px;" transform="translate(5,34.5)" y="0" x="0" id="text-entity-deployment-6e8d4da4-7b9e-52d1-a6c4-135846840a1b-attr-1-type" class="er entityLabel">json</text><rect height="21" width="68.34375" y="24" x="68.49899291992188" class="er attributeBoxOdd"/><text style="dominant-baseline: middle; font-size: 10.2px;" transform="translate(73.49899291992188,34.5)" y="0" x="0" id="text-entity-deployment-6e8d4da4-7b9e-52d1-a6c4-135846840a1b-attr-1-name" class="er entityLabel">configuration</text><rect height="21" width="68.49899291992188" y="45" x="0" class="er attributeBoxEven"/><text style="dominant-baseline: middle; font-size: 10.2px;" transform="translate(5,55.5)" y="0" x="0" id="text-entity-deployment-6e8d4da4-7b9e-52d1-a6c4-135846840a1b-attr-2-type" class="er entityLabel">option[string]</text><rect height="21" width="68.34375" y="45" x="68.49899291992188" class="er attributeBoxEven"/><text style="dominant-baseline: middle; font-size: 10.2px;" transform="translate(73.49899291992188,55.5)" y="0" x="0" id="text-entity-deployment-6e8d4da4-7b9e-52d1-a6c4-135846840a1b-attr-2-name" class="er entityLabel">version</text></g><rect height="14" width="19.359375" y="129" x="78.7413101196289" class="er relationshipLabelBox"/><text style="text-anchor: middle; dominant-baseline: middle; font-size: 12px;" y="136" x="88.4209976196289" id="rel1" class="er relationshipLabel">has</text><rect height="14" width="25.359375" y="295" x="75.7413101196289" class="er relationshipLabelBox"/><text style="text-anchor: middle; dominant-baseline: middle; font-size: 12px;" y="302" x="88.4209976196289" id="rel2" class="er relationshipLabel">uses</text><text class="entityTitleText" y="-25" x="88.42137145996094" text-anchor="middle">Data model of sample web application</text></svg>
\ No newline at end of file