docs/maskinporten.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1556px" height="1181px" viewBox="-0.5 -0.5 1556 1181" content="&lt;mxfile&gt;&lt;diagram id=&quot;NDabOgJicYJ3QUmiI32Z&quot; name=&quot;Page-1&quot;&gt;5V1Zc6s4Fv41rro9VU6xYz9mnzt9bycTZ3p56pJBtulgxIBI4n7o3z6SQGySbWyL4PS8JEYGIZ3lO4uO5JF5vX6/T0C8+o58GI4MzX8fmTcjw9Anlkb+0ZZN3uIaTt6wTAK/uKlqmAV/wqKxeG6ZBT5MGzdihEIcxM1GD0UR9HCjDSQJemvetkBh860xWEKhYeaBUGz9JfDxKm+1NU2rvvgnDJYr3P5mDfjdRUO6Aj56qzWZtyPzOkEI55/W79cwpNTjhMmfu9vybTmyBEa4ywOWZuSPvIIwK6Z3+WeWQDq2bJ56SRDjAEUj2s8d+ft8W36E0WsxCbzhpElQFvmQdq6NzKu3VYDhLAYe/faNCANpW+F1SK508nGBIlxwV7fodRCG1yhECWmIUETar0AYLCNyGcIFmc/VK0xwQBhxWTRjFPN+ijHQfn2QrtgY6EUI5jC8At7Lko2N9+/DBchC2qdIsoKK9GXwvdZUkPAeojXEyYbcUnw7LbhZyPPULa7fKukwXDtvW9UEoxQDUEjksuy64hn5ULBNzkJjYgksfJmk4+fb8dly6COYYulugyuOZVzYAl+mnAV1vjiGy289hTOmZQqcicAapozexh1I0Xmy58MVyHZKghfc0nVdokSOhFm6qUCJTEcXWAF9gvrFJUrwCi1RBMLbqrXOCjL3ZPNrwTZ28Ru9ILMqLm/e61/ebIqrOgsJga68LHktSQ/fA/xr7XOtS3JV9UgveIdbuZGiLPGKqZkat5sgWULMGwtxpRPfybUEhgAHr01zeBr5RTP0BIn99oKQmiIvDOh0yEsin/z91y8/zqTs+kZltckYrgAe6QAmEhVYB77PuJnANPgTzFl/lJIxCiLMJmVfjewbCbNEWpdyJMh+6Y4Ub2gYfJlOjLULy5w2tWJckKkzA4reH+lUqq6d5gNosUiJELT5VQ6pI9iJZqgBdsQ/i6LzxLuP8RG6QZzMT1ADcZaoYw0GxbGIgf837LGcpg/nGiJvysClzhvTVeLDiZ7CDGd+0L+DIGdBi0+DcMRockS3RI44EwlHrIkKbdFtVQ5B5QP81nAB5A4Bu3qESUCGTO2V1Eug1yLRG75DihP0UsanxklMq7sOZbDTcB10ayjXwdKnguqMDIdNyA9eGxx0/pvRwPqKSCAeFyJ+Se4opJzlAiI8Thml6Re6Eb+zL/iT5NOS/r9G0SJY0s43kcdfR4bK3pjf0v8gxuRLHqz/+POQo/gO0pcgiolSwGjIcTyiFC8TOPv3t22jGN5plOtuR+Xs7Fa23NIczbZirXZhTLhXuOF2TYmrOdabKD52+/A9XVMdWE/NZgSnaZYKyBbxWBrqEU7w+O632lcnxHpywHZ11YDNHr1MErCp3VCow1bxmDjNJI1htfKV++6fai3ZyUdwvCSJUYw66NK3QBd/A71f+oquHT0nwXJJRNDQ5llAs9qXNRzMe2++sS+Q7n2mzPY9Pv7+dPv48PvXG97vPJHMsMvEh7cLEtTmsKYkmWA6ut6EYl0JwhtNs9ELvDtn7IsP6HVrzlBet+m66nCyrdv3Ae7Hs5aBSJp4VJ1WIFrC9CPehwknvFyDWQhxrnh0hOCWino6YBE/yNKaeKWbSvDKbAFWLw7pxD0CsRpIogC+RDDab3M6Y89kOOyZTAbw0SrXikwIghQ2nasP9aL2Oj/0hq/fL+9v5V/dbCKw/hQgJMEYrloqMEafONOmT2QrwZhWor8Pp6jUSknKWLuBcYg2AgP3ZItBGuflMovgneKQiizuxG5lcR1JXl2SxFWSw7XVpQWInDSyAtPyWpnv2AmM5Su33IgNHM3rut6SfK1df9R+ggf8xz8xcfY9YLq7Hjg9Z2CLOYNfAPZWIzoVB6zZggr7K8JxFvsAw8IvzNIzxVxbWSBK/DqdB4k8h3Ma5Kp13GxVyz76habpTcywp/o5gQZH5gE8OJvHCfJyj3VtOWFMmIqDaJle/JEisX7gTPTDVqUfY6IgrtMMfE6Me7hr40x6cENMR5mNbSqLe1Ll1Cm2dDi1cERD8g0Bnw47i+MwYOFHWQvlJdAnnwIQnqvZcFTmLy3XbaqFomKocTsCmPahJlzUaqxtLppqDzFMAEaJwMtDvfZ20cdWXejuxetaqzxG1yX1MWU9U6N2SVfhyUvK1LkvtdKlUXY7lp5siaUvE4/S18NsHb2Mg2mvW8JgGr83WZAnWlqFNZJaG1pqRUwZabCrq2dacHMzNraV8yDCpkXINgmsiHYSWSHa2SgC2qvVtbKqQi4mauTCtdv+vkQqphKpUFLQpolFUy2dunz8epbqZLWjHllY3Kc6if7XPaEKEIiVrkBMP3qbMCASl5hbhLRGwHkum9/mZUOZQ37IMOkGcq0piGr3Q2RHM1oFl6ZEOmUV5UpyD9r2BZKOiGVtQayfHp5vZ1ugqpZ5rNJ9ZVroBcI4zaPSok+fZwKrlxQ5wYwYo3zjT0D/YEIg6n2QaBXMQQovyOev1IoGtMNgnascbcD8TTkFiTefsVC43S37LkZpGsyZ00/ewCqZ2PM+iQaymLWzxaBFgtaV90Y78+kQ9qZfKyLcXizpmFPwShG4XbKkpR6K6fqPtqAWWANshDGdA4rCDeMXStgNZJyjKnGaD/eG0u0LJMK5wau8f0aXFAdMKv7IUsxmlRJAHmMS3v1w0OCv6Gp+3q84MowIgdnQCh3W6CNESxnZg2rMDeqNeDF9xXu+NCXIwkFjfWLpcWGwHlrPie7T0eS1CWT8GY4zSpcv5DUYkG8TJktgSclTDM/vmKsWxrKzJGD3o7Pr258un74+zA6a+CWd5x3bc6VRIxIs2LAPqtDb21tdbK+LSOD0Xut1c5o/pyxZg82cDvty9jAy77qL6wlkf366vLl9uLubyfqg0khxEycgSoFHQQRQ1WLmBjDgz1U3iAIaE1EVSIg+UIH7skTIL2/4z68/bHvBfQIBLiQUjxnweSAGc3IV1NCBRBwByFGL6HyEM/Y6Ip9pkBK+eBuOmj9mc8iknUr2HZXyBIUhTMZJFlEUOICqdHjPBUQynQYMUHzi52FIJxeHrI6/GGIXiB8Z1+wzga1cXVPiQYIkQKz7OWkX6fQX+eqaQnP+BEZvIPGZCYgWCR3Sl5dJehi4lbW0bFrwndgENiGGrDl4fAkiL2TwDUnUi5lVARHBCXrfnJI7O/Cls1pAXY+jNcAo7BNGJsE8y0lL/AXIoPYLXqFsuWKvD3LI8jmv6eQp7DGxYMw4cERozd6MaNfUhEboLWRJCDoAZkaYQr7AGNffSY0OG/FiAZPCBEMG/SFB0NSjDtwBypsnqqN5muertX9QtUCkq0JcCHt3inJD72Wd3TH5JIZqneNRmrs7KxLhEM3inRHRjiHxIyMvV7ycLSXT6UjCYAG9jZerIe5SK1KJ8HPt9ZVBoq7GdTW4xxBgok3rfFz59+bdRyBhru7MO9Ry7DpAkPLH5qD7U3+VT0UwoH4YeSKLqABG3Sdx7lHyR+xZ0fV2YCfZCm5rkpjDUhIR62IC8UZkzScO6kraDRHSWbvXhgrx3Z/bHtUT2+6Rq0CNPdpbKdtId/OUXSPdzQV2gHS3tbuscxc9e6jjVEVQczocQXdXnX2sgJ5CQuXlDN1JOD0nmTxFryeD0dDefZaCSMP2tKvNMK7izTByWg24Ej49pt7g0ELRo8oOFFWPyiluGINRnI+n5iMtwuydBoI4CQVuKNtvrdTRdFtHDjm8Qqe+fiA92kaFI8S5VyPhXUHCIpb/+3icE9294OvyBbFtybkNjnXBd+vUyT1VQW5TlNgyqQjpUH9mgvU5JJdESM1VmYlkX78hW/pS4sOb4rIMFao4T0Lkh5RcpMWCSTv0fSHCm9+4PQ1b3U0P1yi6jWN9vG4sOGxRkAhh2EE3tqiCD5KXBxovY4bsF1pbJyhqt452UMHSEmn44Rmy1UxXwtJyvfg0noonANR4msDcHKUXgCrNhUdXkrZzlmkWUatCp/Yw9UU8YG04VnaLYA5YQXXtIdlqibB3IlvF4wG2MpYugvxtGVuekDIMY+3jw1QFfq2CuN+S1g0OF/fbIgBuLUDXRNH/JDXoCvf9mKbROkcgvzr5sItmr/0cdmFPdqrP0buh1Renq1KtAXOUjmiE/m57O/huShV65VitgkAletV6QIkalWGI2sxLe8vHHp1qJlnagVh3Haqri6UpP4xLzha3tRij627r1NxctYvHKnYduq9MLJd0d+/5Eh8w1e75siTlfbUdLMMqulxSSoFXoeiOzYGamzo1m/PHejPV0sfOWUvbve50mObv1+BjsaHMgo+6n/6ryOJa6o8CVqX49mGKr9mqFV88fODsFV/hqRyO09MunKbeGz3ofSnpkjzqDCavASufq7bhaCP2MwfXCUrTOASRyN5TtxKojutdoeT9g/fpWPyIqQ+C1o4INxERbsA1P0s3BDn8jjK+mZm0ozBbnyuY6Nuk8pjjN1xDzXkbbdlV4yfwczvOXpgtfbgA2RLtYS1L66FEUhlapWXzg0rWXdZP/NqtLa586tWTqTZsMnZnln0f/2asHnsv78qy7fZ9dDtR7SClncXDB5wK8KkFor22P5WZ8P4EwrEFgdj5i1BxVSWdNyxDNAc9FlKc+08J6OVPAvAVbkmRao+/8+AaR5it/bmsHdGqXoayJ56C3M0EupKIddCzMEWNuYN5jrjccrdtx5FwHOSwTt+2g2i5x6rkfJOGcpwaP5aH2fZyuokrhoxXxWaROIghMxanRoUKIGfSKsAwDfGXzno7ZW3SX8wnqzo8tuD2BGyZKM+GdSeuGCs+Zinb2Ev3yZ4pXkyUBYkEL2yN/8SH2oOrx/wRXkPZxzKTKflln8vrp3MADcdqkrWsCvkI0JiqBI2jM+x91j3zA3LPpe55Ku4NK5AEEChYAE+Mq88DTKbKwIT4HmY/WNKq+2gtg6pBkukxfv2hKmMctmKtWD0GNLRTEaefINtRzfz3c7a2XDCUWFtt2jaLpymIYmsqOzgyP477vDzyqd0McyxJDqAv42pJDsbqdcNA9zqV7gQ02sUlmiwN1tcWl7KGRkLCehXxp6Kg9HS23iion99PIBy96lIusJzJ7yVburjqcg8Z3HoeTNmRT2Tegx+Xu20NUWEprzWdNu3VmBc0noXFKiWnxikQx+MwoKcslcedqMQRBdBRgS1fg5BseVMFHeQyQfRkoorEZI6r78inYnr7Pw==&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="0" y="880" width="275" height="220" fill="none" stroke="rgb(0, 0, 0)" stroke-dasharray="3 3" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 273px; height: 1px; padding-top: 887px; margin-left: 2px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: normal; overflow-wrap: normal;">
                                Azure subscription / TE / env
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="2" y="901" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="14px" font-weight="bold">
                    Azure subscription / TE / env
                </text>
            </switch>
        </g>
        <rect x="327" y="552.5" width="920" height="627.5" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 918px; height: 1px; padding-top: 560px; margin-left: 329px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: normal; overflow-wrap: normal;">
                                k8s-TE-env
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="329" y="574" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="14px" font-weight="bold">
                    k8s-TE-env
                </text>
            </switch>
        </g>
        <rect x="477.5" y="1020" width="260" height="130" fill="none" stroke="rgb(0, 0, 0)" stroke-dasharray="3 3" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 258px; height: 1px; padding-top: 1027px; margin-left: 480px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: normal; overflow-wrap: normal;">
                                namespace/aso
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="1041" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="14px" font-weight="bold">
                    namespace/aso
                </text>
            </switch>
        </g>
        <path d="M 1080 1085 Q 1215 1085 1215 1105 Q 1215 1125 1343.63 1125" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1348.88 1125 L 1341.88 1128.5 L 1343.63 1125 L 1341.88 1121.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1088px; margin-left: 1174px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Reconcile client and JWKS
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1174" y="1091" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Reconcile client and JWKS
                </text>
            </switch>
        </g>
        <rect x="817.5" y="1020" width="275" height="130" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 273px; height: 1px; padding-top: 1027px; margin-left: 820px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: normal; overflow-wrap: normal;">
                                namespace/altinn
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="820" y="1041" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="14px" font-weight="bold">
                    namespace/altinn
                </text>
            </switch>
        </g>
        <rect x="370" y="630" width="840" height="370" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 838px; height: 1px; padding-top: 637px; margin-left: 372px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: normal; overflow-wrap: normal;">
                                namespace/app1
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="372" y="651" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="14px" font-weight="bold">
                    namespace/app1
                </text>
            </switch>
        </g>
        <rect x="330" y="50" width="680" height="480" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 678px; height: 1px; padding-top: 57px; margin-left: 332px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: normal; overflow-wrap: normal;">
                                Studio
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="332" y="71" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="14px" font-weight="bold">
                    Studio
                </text>
            </switch>
        </g>
        <path d="M 760 110 Q 440 110 440 201.76" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 440 207.76 L 436 199.76 L 440 201.76 L 444 199.76 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 141px; margin-left: 482px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                <div style="text-align: left; font-size: 12px;">
                                    Config sync
                                </div>
                                <div style="text-align: left; font-size: 12px;">
                                    - Azure KV
                                </div>
                                <div style="text-align: left; font-size: 12px;">
                                    - Maskinporten
                                </div>
                                <div style="text-align: left; font-size: 12px;">
                                    - PostgreSQL
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="482" y="144" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Config sync...
                </text>
            </switch>
        </g>
        <path d="M 780 150 Q 777 150 777 175 Q 777 200 777.34 227.08" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 777.41 233.08 L 773.31 225.13 L 777.34 227.08 L 781.31 225.03 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 179px; margin-left: 779px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                <div style="text-align: left; font-size: 11px;">
                                    <font style="font-size: 11px;">
                                        Trigger build:
                                    </font>
                                </div>
                                <div style="text-align: left; font-size: 11px;">
                                    <font style="font-size: 11px;">
                                        - APP_REPO_ID
                                        <br/>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="779" y="182" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Trigger build:...
                </text>
            </switch>
        </g>
        <path d="M 760 110 Q 542.5 110 542.5 201.76" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 542.5 207.76 L 538.5 199.76 L 542.5 201.76 L 546.5 199.76 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 161px; margin-left: 596px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                <div style="text-align: left;">
                                    Git sync
                                </div>
                                <div style="text-align: left;">
                                    - src changes
                                </div>
                                <div style="text-align: left;">
                                    - static config
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="596" y="164" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Git sync...
                </text>
            </switch>
        </g>
        <path d="M 840 110 Q 902 110 902 301.76" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 902 307.76 L 898 299.76 L 902 301.76 L 906 299.76 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 217px; margin-left: 903px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                <div style="text-align: left; font-size: 11px;">
                                    Trigger release:
                                </div>
                                <div style="text-align: left; font-size: 11px;">
                                    - APP_REPO_ID
                                    <br/>
                                    - IMAGE
                                    <br/>
                                    - Dynamic config
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="903" y="220" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Trigger release:...
                </text>
            </switch>
        </g>
        <rect x="760" y="70" width="80" height="80" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 110px; margin-left: 761px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Studio Deploy
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="800" y="114" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Studio Deploy
                </text>
            </switch>
        </g>
        <path d="M 1025 1030 Q 1025 930 1087.5 930 Q 1150 930 1150 850 Q 1150 770 1153.27 771.21" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1148.35 769.39 L 1156.13 768.54 L 1153.27 771.21 L 1153.7 775.1 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 921px; margin-left: 1149px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Watch &amp;
                                <br/>
                                update status
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1149" y="924" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Watch &amp;...
                </text>
            </switch>
        </g>
        <path d="M 970 1085 Q 920 1085 920 987.05 Q 920 889.1 876.54 889.1" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 871.29 889.1 L 878.29 885.6 L 876.54 889.1 L 878.29 892.6 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 961px; margin-left: 918px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Reconcile maskinporten-settings.json
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="918" y="964" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Reconcile maskinporten-settings.json
                </text>
            </switch>
        </g>
        <path d="M 1080 1085 Q 1197.5 1085 1197.5 947.5 Q 1197.5 810 1308.63 810" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1313.88 810 L 1306.88 813.5 L 1308.63 810 L 1306.88 806.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1011px; margin-left: 1191px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Load supplier client credentials
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1191" y="1015" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Load supplier client credentials
                </text>
            </switch>
        </g>
        <rect x="970" y="1030" width="110" height="110" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 1085px; margin-left: 971px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Maskinporten Operator
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1025" y="1089" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="14px" text-anchor="middle">
                    Maskinporten Ope...
                </text>
            </switch>
        </g>
        <rect x="665" y="10" width="190" height="30" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 182px; height: 1px; padding-top: 0px; margin-left: 669px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 40px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 18px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <h1 style="font-size: 18px;">
                                    Architecture
                                </h1>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="760" y="18" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="18px" text-anchor="middle">
                    Architecture
                </text>
            </switch>
        </g>
        <rect x="1350" y="1070" width="110" height="110" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 1125px; margin-left: 1351px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Maskinporten API
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1405" y="1129" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="14px" text-anchor="middle">
                    Maskinporten API
                </text>
            </switch>
        </g>
        <path d="M 512.5 225 C 512.5 216.72 525.93 210 542.5 210 C 550.46 210 558.09 211.58 563.71 214.39 C 569.34 217.21 572.5 221.02 572.5 225 L 572.5 275 C 572.5 283.28 559.07 290 542.5 290 C 525.93 290 512.5 283.28 512.5 275 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 572.5 225 C 572.5 233.28 559.07 240 542.5 240 C 525.93 240 512.5 233.28 512.5 225" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 263px; margin-left: 514px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Gitea
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="543" y="267" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="14px" text-anchor="middle">
                    Gitea
                </text>
            </switch>
        </g>
        <rect x="1050" y="80" width="500" height="430" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 492px; height: 1px; padding-top: 70px; margin-left: 1055px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 440px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: normal; overflow-wrap: normal;">
                                <h1 style="font-size: 14px;">
                                    NOTES
                                </h1>
                                <div>
                                    - Studio keeps "dynamic" configuration in their database. It is importent to keep as much configuration as possible there to decouple it from source code.
                                </div>
                                <div>
                                    - E.g. saving Maskinporten scopes for an app only stores the config to DB (everything is still just design-time)
                                </div>
                                <div>
                                    - Building an app only touches Gitea - which is the source code and "static" config
                                </div>
                                <div>
                                    - Releasing an app combines build output (container image) and dynamic config
                                </div>
                                <div>
                                    <br/>
                                </div>
                                <div>
                                    SCENARIOS
                                </div>
                                <div>
                                    - App/env specific Azure KV
                                </div>
                                <div>
                                    - App/env specific MaskinportenClient
                                </div>
                                <div>
                                    - App/env specific PostgreSQL db (maybe ASO?)
                                </div>
                                <div>
                                    <br/>
                                </div>
                                <div>
                                    TRADEOFFS
                                    <br/>
                                    + 1 transactional boundary for initial writes (good for UX)
                                    <br/>
                                    + Great built-in capabilties for reliable eventual consistency in Kubebuilder/controller-runtime
                                </div>
                                <div>
                                    + There is a dedicated place for "dynamic" config, covering scenarios above
                                    <br/>
                                    ~ Coupling towards infra (k8s)
                                </div>
                                <div>
                                    - Config is exposed to app (incl. secrets managed by us)
                                </div>
                                <div>
                                    - Supplier credentials are distributed widely (though maintained in a single place)
                                </div>
                                <div>
                                    - Some domain knowledge will be kept in a very different tech landscape
                                </div>
                                <div>
                                    * Golang, k8s/controller-runtime
                                    <br/>
                                    * For team Apps: how runtime dependencies are managed, lifecycle etc
                                </div>
                                <div>
                                    ~ Team Apps build it, team Platform run it?
                                </div>
                                <div>
                                    <br/>
                                </div>
                                <div>
                                    + = good
                                </div>
                                <div>
                                    - = bad
                                </div>
                                <div>
                                    ~ = neither/unknown
                                    <br/>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1055" y="82" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    NOTES...
                </text>
            </switch>
        </g>
        <path d="M 410 225 C 410 216.72 423.43 210 440 210 C 447.96 210 455.59 211.58 461.21 214.39 C 466.84 217.21 470 221.02 470 225 L 470 275 C 470 283.28 456.57 290 440 290 C 423.43 290 410 283.28 410 275 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 470 225 C 470 233.28 456.57 240 440 240 C 423.43 240 410 233.28 410 225" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 263px; margin-left: 411px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                DB
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="440" y="267" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="14px" text-anchor="middle">
                    DB
                </text>
            </switch>
        </g>
        <path d="M 700 608.4 L 466.17 668.42" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 461.08 669.72 L 466.99 664.59 L 466.17 668.42 L 468.73 671.37 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 724.94 623 L 674.84 665.86" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 670.85 669.27 L 673.89 662.06 L 674.84 665.86 L 678.44 667.38 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 820 606.59 L 1093.79 668.59" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1098.91 669.75 L 1091.31 671.62 L 1093.79 668.59 L 1092.86 664.79 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 812.6 623 L 889.47 666.85" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 894.03 669.45 L 886.21 669.02 L 889.47 666.85 L 889.68 662.94 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 790 623 L 786.1 823.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 785.99 828.88 L 782.63 821.82 L 786.1 823.63 L 789.63 821.95 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 760 563 Q 760 563 760 518.24" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 760 512.24 L 764 520.24 L 760 518.24 L 756 520.24 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="700" y="563" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 593px; margin-left: 701px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                flux ctrl
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="760" y="597" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="14px" text-anchor="middle">
                    flux ctrl
                </text>
            </switch>
        </g>
        <path d="M 727.64 435 C 727.64 426.72 742.13 420 760 420 C 768.59 420 776.82 421.58 782.89 424.39 C 788.96 427.21 792.37 431.02 792.37 435 L 792.37 495 C 792.37 498.98 788.96 502.79 782.89 505.61 C 776.82 508.42 768.59 510 760 510 C 751.42 510 743.19 508.42 737.12 505.61 C 731.05 502.79 727.64 498.98 727.64 495 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 792.37 435 C 792.37 438.98 788.96 442.79 782.89 445.61 C 776.82 448.42 768.59 450 760 450 C 751.42 450 743.19 448.42 737.12 445.61 C 731.05 442.79 727.64 438.98 727.64 435" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 63px; height: 1px; padding-top: 478px; margin-left: 729px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Flux config
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="760" y="482" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="14px" text-anchor="middle">
                    Flux conf...
                </text>
            </switch>
        </g>
        <rect x="1315" y="750" width="210" height="80" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 208px; height: 1px; padding-top: 790px; margin-left: 1316px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Azure Key Vault
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1420" y="794" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="14px" text-anchor="middle">
                    Azure Key Vault
                </text>
            </switch>
        </g>
        <path d="M 1030 670 L 1170 670 L 1200 700 L 1200 770 L 1030 770 L 1030 670 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 1170 670 L 1170 700 L 1200 700 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
        <path d="M 1170 670 L 1170 700 L 1200 700" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 168px; height: 1px; padding-top: 720px; margin-left: 1032px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                group: altinn.studio
                                <br/>
                                kind: MaskinportenClient
                                <br/>
                                name: app1-maskinporten
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1032" y="724" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    group: altinn.studio...
                </text>
            </switch>
        </g>
        <path d="M 585 670 L 725 670 L 755 700 L 755 770 L 585 770 L 585 670 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="all"/>
        <path d="M 725 670 L 725 700 L 755 700 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
        <path d="M 725 670 L 725 700 L 755 700" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 168px; height: 1px; padding-top: 720px; margin-left: 587px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                group: resources.azure.com
                                <br/>
                                kind: AzureKeyVault
                                <br/>
                                name: app1-kv
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="587" y="724" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    group: resources.azure.com...
                </text>
            </switch>
        </g>
        <path d="M 390 670 L 530 670 L 560 700 L 560 770 L 390 770 L 390 670 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="all"/>
        <path d="M 530 670 L 530 700 L 560 700 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
        <path d="M 530 670 L 530 700 L 560 700" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 168px; height: 1px; padding-top: 720px; margin-left: 392px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                group: resources.azure.com
                                <br/>
                                kind: AzurePostgreSQL
                                <br/>
                                name: app1-db
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="392" y="724" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    group: resources.azure.com...
                </text>
            </switch>
        </g>
        <path d="M 667.94 1030 L 669.95 776.37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 669.99 771.12 L 673.44 778.15 L 669.95 776.37 L 666.44 778.09 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 850px; margin-left: 651px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Watch &amp;
                                <br/>
                                update status
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="651" y="854" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Watch &amp;...
                </text>
            </switch>
        </g>
        <path d="M 612.5 1085 Q 475 1085 475 776.37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 475 771.12 L 478.5 778.12 L 475 776.37 L 471.5 778.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 914px; margin-left: 476px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Watch &amp;
                                <br/>
                                update status
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="476" y="918" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Watch &amp;...
                </text>
            </switch>
        </g>
        <path d="M 610 1085 Q 610 1080 480 1080 Q 350 1080 350 1060 Q 350 1040 236.37 1040" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 231.12 1040 L 238.12 1036.5 L 236.37 1040 L 238.12 1043.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1041px; margin-left: 291px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Reconcile
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="291" y="1044" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Reconcile
                </text>
            </switch>
        </g>
        <path d="M 612.5 1085 Q 350 1085 350 1022.5 Q 350 960 236.37 960" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 231.12 960 L 238.12 956.5 L 236.37 960 L 238.12 963.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 961px; margin-left: 311px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Reconcile
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="311" y="964" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Reconcile
                </text>
            </switch>
        </g>
        <rect x="612.5" y="1030" width="110" height="110" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-dasharray="3 3" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 1085px; margin-left: 614px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Azure Service Operator / Crossplane
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="668" y="1089" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="14px" text-anchor="middle">
                    Azure Service Op...
                </text>
            </switch>
        </g>
        <path d="M 895 770 Q 895 800 840 800 Q 785 800 785 823.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 785 828.88 L 781.5 821.88 L 785 823.63 L 788.5 821.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 801px; margin-left: 836px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Mount as volume
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="836" y="804" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Mount as volume
                </text>
            </switch>
        </g>
        <path d="M 895 770 Q 895 795 942.5 795 Q 990 795 990 813.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 990 818.88 L 986.5 811.88 L 990 813.63 L 993.5 811.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 810 670 L 950 670 L 980 700 L 980 770 L 810 770 L 810 670 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 950 670 L 950 700 L 980 700 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
        <path d="M 950 670 L 950 700 L 980 700" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 168px; height: 1px; padding-top: 720px; margin-left: 812px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                group: core
                                <br/>
                                kind: Deployment
                                <br/>
                                name: app1-deployment
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="812" y="724" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    group: core...
                </text>
            </switch>
        </g>
        <path d="M 700 830 L 840 830 L 870 860 L 870 930 L 700 930 L 700 830 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 840 830 L 840 860 L 870 860 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
        <path d="M 840 830 L 840 860 L 870 860" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 168px; height: 1px; padding-top: 880px; margin-left: 702px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                group: core
                                <br/>
                                kind: Secret
                                <br/>
                                name: app1-secrets
                                <br/>
                                data:
                                <br/>
                                maskinporten-settings.json
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="702" y="884" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    group: core...
                </text>
            </switch>
        </g>
        <rect x="1280" y="710" width="275" height="130" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 273px; height: 1px; padding-top: 717px; margin-left: 1282px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: normal; overflow-wrap: normal;">
                                Azure subscription / platform / global
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1282" y="731" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="14px" font-weight="bold">
                    Azure subscription / platform / global
                </text>
            </switch>
        </g>
        <path d="M 730 275 Q 651.3 275 651.3 250 Q 651.3 225 580.74 225" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 574.74 225 L 582.74 221 L 580.74 225 L 582.74 229 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 253px; margin-left: 654px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Fetch source
                                <br/>
                                + static config
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="654" y="257" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Fetch source...
                </text>
            </switch>
        </g>
        <rect x="730" y="235" width="80" height="80" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 275px; margin-left: 731px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Build pipeline
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="770" y="279" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Build pipeline
                </text>
            </switch>
        </g>
        <path d="M 730 275 Q 599 275 599 381.76" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 599 387.76 L 595 379.76 L 599 381.76 L 603 379.76 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 336px; margin-left: 649px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Push image
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="649" y="339" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Push image
                </text>
            </switch>
        </g>
        <rect x="559" y="390" width="80" height="80" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 430px; margin-left: 560px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                ACR
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="599" y="434" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    ACR
                </text>
            </switch>
        </g>
        <path d="M 862 350 Q 827.1 350 827.1 407.5 Q 827.1 465 800.61 465" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 794.61 465 L 802.61 461 L 800.61 465 L 802.61 469 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 425px; margin-left: 834px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Push artifact
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="834" y="428" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Push artifact
                </text>
            </switch>
        </g>
        <path d="M 862 350 Q 750.5 350 750.5 380 Q 750.5 410 647.24 410" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 641.24 410 L 649.24 406 L 647.24 410 L 649.24 414 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 367px; margin-left: 757px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Reference image
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="757" y="371" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Reference image
                </text>
            </switch>
        </g>
        <rect x="862" y="310" width="80" height="80" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 350px; margin-left: 863px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Release pipeline
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="902" y="354" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Release pipel...
                </text>
            </switch>
        </g>
        <rect x="110" y="930" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-dasharray="3 3" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 960px; margin-left: 111px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Azure Key Vault
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="170" y="963" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Azure Key Vault
                </text>
            </switch>
        </g>
        <rect x="110" y="1010" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-dasharray="3 3" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 1040px; margin-left: 111px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Azure PostgreSQL
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="170" y="1043" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Azure PostgreSQL
                </text>
            </switch>
        </g>
        <path d="M 1050 850 Q 1405 850 1405 1063.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1405 1068.88 L 1401.5 1061.88 L 1405 1063.63 L 1408.5 1061.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 927px; margin-left: 1348px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Get access token
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1348" y="930" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Get access token
                </text>
            </switch>
        </g>
        <rect x="930" y="820" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 850px; margin-left: 931px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                app-lib runtime
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="990" y="853" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    app-lib runtime
                </text>
            </switch>
        </g>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
                Text is not SVG - cannot display
            </text>
        </a>
    </switch>
</svg>