architecture.v2.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1001px" height="499px" viewBox="-0.5 -0.5 1001 499" content="&lt;mxfile&gt;&lt;diagram id=&quot;pyac8cguqymI9ikdYM2T&quot; name=&quot;Page-1&quot;&gt;7VxLc+I4EP41VM0eJqUHNnAMECZV+8pODrNzVGwFvDEWa+QA++tXsiW/ZMCZGJsh5JCyWpItf/11q7utpIcny+2XkKwWvzOX+j0E3G0PT3sIYYDEbynYJYIBGiWCeei5iQhmgkfvP6qEQEkjz6XrwkDOmM+9VVHosCCgDi/ISBiyTXHYM/OLT12ROTUEjw7xTek3z+ULJR0hkHXcU2++0I9GQPUsiR6tBOsFcdkmJ8J3PTwJGePJ1XI7ob4ETwOTzJvt6U1XFtKA15lgJRNeiR+pl1Pr4jv9tiGLApfK8bCHx5uFx+njijiydyPUK2QLvvRV9zMLuFKY0JZoe74/YT4LhSBggZCP1zxkL1QLe4IO4mcmFjg2F6/e55WGnG5zIvUyXyhbUh7uxBDdq5FW1EqR32SKwkMlW+R0hDW5iCLHPL13Bp+4UAhWo9k/jiZ1BZVUUwGShy8Hl0DGBmQEB1WYoenABuAQZmsWhY56qFoGJ+Gc6vdNRHI5B3ENqU+491pk/nswQgZGd1vqRFy82X7mgRrM2wOdZGRO/hz//Bik9WkoSF2kITJpCFEFDe0GWAihgWQF64pmnQOSbj3+t8T8xlKt77me6VapI27sdCMQa8xNks3v+b5sWtzS8w65C6ESIswXWVXKsmfSa9TlPzb5r829fQOAtZzCB1fPsCvtYMM93bpkxanwTrYvFjd+kldzHr9bIpEoFfRp/xsx3fF5HeN3KwYMV9usT9/k05Q5L/LuYmXgcUPCZXL5wNwlCZLrX4ePv+iHifUnz9NruFifme7Ix3xmvwGfOajYuRPA1yuphuPahahKvSlrtOCerSVZbnP6fCoPFrLkqXt0LADlRUUS35sH4toR8Asy4bGE3RMR663qWHqu68d+hYolk6f4VlJxK+YFPAbOGvesqbyX2IvXyuirwzU4HU9M9gBgAfpc5TX2sKkJzthWgTNwaHLGqqAMaoAyyG442mvKnQ5Nd6rj/Pb96dAA6WsUcG9J3+9PIah0qH+IdPPmn3VP6ngmPen9Q3r9NXrapY0/+YKGrTjWVLO1Hetxjb8hJ0IlxzqqcKxVVtKEY9UEqG0UrcY3pzFAvXEVLHDQWbwJribYtQli0KEJQjOmPQDtT1DksexSdt1qkQeea5UHWqbbgZ0lUtAsLV5goccelajYaqHHrkO8j1RJgFWxL+zMBAZX/dTQT3eVODM5uRZ7uvGbrRZ74KhiBz9ltSdf2blWe36YNAPUXbUHvzXIu4A8FlXlsaOuvDW65rGd57HWsMM8Ftf6rnlhJqjPt+Q/3XcWMKWEuZpgZyY4sDs0Qf15dI8JspAv2JwFxL/LpCdLcProLQYatx5oKMgaB0110p40yNkfFtWzYmRacWf1YH1K6Sx0WPCxn8ENtH4yNcLu4iFkOOPfGHFlukF8Eji02TpbIeCv5fWOg1vf6/VLXs9uscxWeUgyv7kle8wsChzusWD/VmhsSo3skBtPIICAS1dUKDdwPLr+ANtg+aNm32pzG9x/XOTKiK4YUf7G1i4j9peU3qfMZgpTtZiYr0J9UA6V89tWOaTzuqtXOSNGlNOtdhnR9BEzmwBQjRkeADCpHQnjvhkJ487OmGHzi/w48nwZCv8VUSFqko4phLXpeBza+nQcDbuLg/Hho1zVieOJUkV4JE0s5qunsoKKAxfNF+fiqbdhSHa5AepDTnbnBynIhcegXySKZZX+EKw0YYitQ+PFRbKEjCnpu9QiT/+w5+qw6nCMSi2Sp/mPK+2Qx7ZOTJ5zKjueLXkaryi2Qx48ODF5zrbeeU7kaTx4a4c8cHRa8mCz9qdDy28sfKk6KfTpngSu7wVzMUaMlUOFQPyeFjOni41J4QmDUtHM/jg+0Wf2Lwbw3f8=&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="0" y="140" width="380" height="310" rx="46.5" ry="46.5" fill="none" stroke="#0000ff" pointer-events="all"/>
        <path d="M 190 220 L 190 243.63" fill="none" stroke="#2d7600" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 190 248.88 L 186.5 241.88 L 190 243.63 L 193.5 241.88 Z" fill="#2d7600" stroke="#2d7600" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="130" y="160" width="120" height="60" fill="#60a917" stroke="#2d7600" 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: 190px; margin-left: 131px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Executor
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="190" y="194" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Executor
                </text>
            </switch>
        </g>
        <path d="M 190 290 L 269.24 327.29" fill="none" stroke="#6f0000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 273.99 329.52 L 266.16 329.71 L 269.24 327.29 L 269.14 323.38 Z" fill="#6f0000" stroke="#6f0000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 190 290 L 100.87 327.53" fill="none" stroke="#6f0000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 96.03 329.57 L 101.12 323.62 L 100.87 327.53 L 103.84 330.08 Z" fill="#6f0000" stroke="#6f0000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="130" y="250" width="120" height="40" fill="#60a917" stroke="#2d7600" 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: 270px; margin-left: 131px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Adapter
                                <br/>
                                <font style="font-size: 8px">
                                    (Docker, Swarm, Podman, K8S)
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="190" y="274" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Adapter...
                </text>
            </switch>
        </g>
        <rect x="165" y="120" width="50" height="20" fill="#0050ef" stroke="#001dbc" 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: 130px; margin-left: 190px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                <span style="font-size: 12px">
                                    <b>
                                        Host A
                                    </b>
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="190" y="133" fill="#ffffff" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Host A
                </text>
            </switch>
        </g>
        <path d="M 95 370 L 95 383.63" fill="none" stroke="#6f0000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 95 388.88 L 91.5 381.88 L 95 383.63 L 98.5 381.88 Z" fill="#6f0000" stroke="#6f0000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="20" y="330" width="150" height="40" fill="#a20025" stroke="#6f0000" 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: 148px; height: 1px; padding-top: 350px; margin-left: 21px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Runtime
                                <br/>
                                <font style="font-size: 10px">
                                    (Node.js / PHP / Ruby / Other)
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="95" y="354" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Runtime...
                </text>
            </switch>
        </g>
        <path d="M 275 370 L 275 383.63" fill="none" stroke="#6f0000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 275 388.88 L 271.5 381.88 L 275 383.63 L 278.5 381.88 Z" fill="#6f0000" stroke="#6f0000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="200" y="330" width="150" height="40" fill="#a20025" stroke="#6f0000" 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: 148px; height: 1px; padding-top: 350px; margin-left: 201px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Runtime
                                <br/>
                                <font style="font-size: 10px">
                                    (Node.js / PHP / Ruby / Other)
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="275" y="354" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Runtime...
                </text>
            </switch>
        </g>
        <rect x="460" y="140" width="380" height="310" rx="46.5" ry="46.5" fill="none" stroke="#0000ff" pointer-events="all"/>
        <path d="M 650 220 L 650 243.63" fill="none" stroke="#2d7600" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 650 248.88 L 646.5 241.88 L 650 243.63 L 653.5 241.88 Z" fill="#2d7600" stroke="#2d7600" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="590" y="160" width="120" height="60" fill="#60a917" stroke="#2d7600" 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: 190px; margin-left: 591px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Executor
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="650" y="194" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Executor
                </text>
            </switch>
        </g>
        <path d="M 650 290 L 729.24 327.29" fill="none" stroke="#6f0000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 733.99 329.52 L 726.16 329.71 L 729.24 327.29 L 729.14 323.38 Z" fill="#6f0000" stroke="#6f0000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 650 290 L 560.87 327.53" fill="none" stroke="#6f0000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 556.03 329.57 L 561.12 323.62 L 560.87 327.53 L 563.84 330.08 Z" fill="#6f0000" stroke="#6f0000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="590" y="250" width="120" height="40" fill="#60a917" stroke="#2d7600" 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: 270px; margin-left: 591px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Adapter
                                <br/>
                                <font style="font-size: 8px">
                                    (Docker, Swarm, Podman, K8S)
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="650" y="274" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Adapter...
                </text>
            </switch>
        </g>
        <rect x="625" y="120" width="50" height="20" fill="#0050ef" stroke="#001dbc" 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: 130px; margin-left: 650px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                <span style="font-size: 12px">
                                    <b>
                                        Host B
                                    </b>
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="650" y="133" fill="#ffffff" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Host B
                </text>
            </switch>
        </g>
        <path d="M 555 370 L 555 383.63" fill="none" stroke="#6f0000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 555 388.88 L 551.5 381.88 L 555 383.63 L 558.5 381.88 Z" fill="#6f0000" stroke="#6f0000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="480" y="330" width="150" height="40" fill="#a20025" stroke="#6f0000" 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: 148px; height: 1px; padding-top: 350px; margin-left: 481px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Runtime
                                <br/>
                                <font style="font-size: 10px">
                                    (Node.js / PHP / Ruby / Other)
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="555" y="354" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Runtime...
                </text>
            </switch>
        </g>
        <path d="M 735 370 L 735 383.63" fill="none" stroke="#6f0000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 735 388.88 L 731.5 381.88 L 735 383.63 L 738.5 381.88 Z" fill="#6f0000" stroke="#6f0000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="660" y="330" width="150" height="40" fill="#a20025" stroke="#6f0000" 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: 148px; height: 1px; padding-top: 350px; margin-left: 661px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Runtime
                                <br/>
                                <font style="font-size: 10px">
                                    (Node.js / PHP / Ruby / Other)
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="735" y="354" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Runtime...
                </text>
            </switch>
        </g>
        <path d="M 420 60 L 420 80 Q 420 90 410 90 L 196 90 Q 186 90 186 100 L 186 113.63" fill="none" stroke="#001dbc" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 186 118.88 L 182.5 111.88 L 186 113.63 L 189.5 111.88 Z" fill="#001dbc" stroke="#001dbc" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 420 60 L 420 80 Q 420 90 430 90 L 640 90 Q 650 90 650 100 L 650 110.63" fill="none" stroke="#001dbc" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 650 115.88 L 646.5 108.88 L 650 110.63 L 653.5 108.88 Z" fill="#001dbc" stroke="#001dbc" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="360" y="0" width="120" height="60" fill="#0050ef" stroke="#001dbc" 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: 30px; margin-left: 361px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Load Balancer
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="420" y="34" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Load Balancer
                </text>
            </switch>
        </g>
        <rect x="20" y="390" width="150" height="40" fill="#a20025" stroke="#6f0000" 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: 148px; height: 1px; padding-top: 410px; margin-left: 21px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <font>
                                    Function
                                    <br/>
                                </font>
                                <font style="font-size: 10px">
                                    (with dependencies)
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="95" y="414" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Function...
                </text>
            </switch>
        </g>
        <rect x="200" y="390" width="150" height="40" fill="#a20025" stroke="#6f0000" 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: 148px; height: 1px; padding-top: 410px; margin-left: 201px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <font>
                                    Function
                                    <br/>
                                </font>
                                <font style="font-size: 10px">
                                    (with dependencies)
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="275" y="414" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Function...
                </text>
            </switch>
        </g>
        <rect x="480" y="390" width="150" height="40" fill="#a20025" stroke="#6f0000" 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: 148px; height: 1px; padding-top: 410px; margin-left: 481px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 10px">
                                    <span style="font-size: 12px">
                                        Function
                                        <br/>
                                    </span>
                                    (with dependencies)
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="555" y="414" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Function...
                </text>
            </switch>
        </g>
        <rect x="660" y="390" width="150" height="40" fill="#a20025" stroke="#6f0000" 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: 148px; height: 1px; padding-top: 410px; margin-left: 661px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <font>
                                    Function
                                    <br/>
                                </font>
                                <font style="font-size: 10px">
                                    (with dependencies)
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="735" y="414" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Function...
                </text>
            </switch>
        </g>
        <path d="M 940 60 L 940 93.63" fill="none" stroke="#3700cc" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 940 98.88 L 936.5 91.88 L 940 93.63 L 943.5 91.88 Z" fill="#3700cc" stroke="#3700cc" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="880" y="0" width="120" height="60" fill="#6a00ff" stroke="#3700cc" 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: 30px; margin-left: 881px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Build Queue
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="940" y="34" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Build Queue
                </text>
            </switch>
        </g>
        <path d="M 940 160 L 940 480 Q 940 490 930 490 L 745 490 Q 735 490 735 480 L 735 436.37" fill="none" stroke="#3700cc" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 735 431.12 L 738.5 438.12 L 735 436.37 L 731.5 438.12 Z" fill="#3700cc" stroke="#3700cc" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 940 160 L 940 480 Q 940 490 930 490 L 565 490 Q 555 490 555 480 L 555 436.37" fill="none" stroke="#3700cc" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 555 431.12 L 558.5 438.12 L 555 436.37 L 551.5 438.12 Z" fill="#3700cc" stroke="#3700cc" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 940 160 L 940 480 Q 940 490 930 490 L 285 490 Q 275 490 275 480 L 275 436.37" fill="none" stroke="#3700cc" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 275 431.12 L 278.5 438.12 L 275 436.37 L 271.5 438.12 Z" fill="#3700cc" stroke="#3700cc" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 940 160 L 940 480 Q 940 490 930 490 L 105 490 Q 95 490 95 480 L 95 436.37" fill="none" stroke="#3700cc" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 95 431.12 L 98.5 438.12 L 95 436.37 L 91.5 438.12 Z" fill="#3700cc" stroke="#3700cc" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="880" y="100" width="120" height="60" fill="#6a00ff" stroke="#3700cc" 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: 130px; margin-left: 881px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Build Worker
                                <br/>
                                (Handling Buid and Dependencies)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="940" y="134" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Build Worker...
                </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%">
                Viewer does not support full SVG 1.1
            </text>
        </a>
    </switch>
</svg>