docs/architecture.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" style="background: transparent; background-color: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="421px" height="301px" viewBox="-0.5 -0.5 421 301" content="&lt;mxfile&gt;&lt;diagram id=&quot;DNveHvuwgKjtbaY2bGKV&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <g>
            <rect x="0" y="0" width="420" height="300" rx="6" ry="6" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
        </g>
        <g>
            <path d="M 343 247.09 C 343 243.18 351.95 240 363 240 C 368.3 240 373.39 240.75 377.14 242.08 C 380.89 243.41 383 245.21 383 247.09 L 383 282.91 C 383 286.82 374.05 290 363 290 C 351.95 290 343 286.82 343 282.91 Z" fill="#ffffff" stroke="#2d2926" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
            <path d="M 383 247.09 C 383 251.01 374.05 254.19 363 254.19 C 351.95 254.19 343 251.01 343 247.09" fill="none" stroke="#2d2926" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 271px; margin-left: 344px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    Image Reg.
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="363" y="275" fill="#2D2926" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
                        Image...
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <rect x="180" y="10" width="220" height="210" rx="10.5" ry="10.5" fill="#fff3f2" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(255, 243, 242), rgb(34, 24, 23)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <rect x="175" y="15" width="220" height="210" rx="10.5" ry="10.5" fill="#fff3f2" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(255, 243, 242), rgb(34, 24, 23)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <rect x="170" y="20" width="220" height="210" rx="10.5" ry="10.5" fill="#fff3f2" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(255, 243, 242), rgb(34, 24, 23)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 218px; height: 1px; padding-top: 27px; margin-left: 171px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    Worker Kubernetes Cluster
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="280" y="39" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="12px" text-anchor="middle">
                        Worker Kubernetes Cluster
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <rect x="190" y="50" width="110" height="160" rx="12.1" ry="12.1" fill="#fff2cc" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(255, 242, 204), rgb(40, 29, 0)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <rect x="185" y="55" width="110" height="160" rx="12.1" ry="12.1" fill="#fff2cc" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(255, 242, 204), rgb(40, 29, 0)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <rect x="180" y="60" width="110" height="160" rx="12.1" ry="12.1" fill="#fff2cc" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(255, 242, 204), rgb(40, 29, 0)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 67px; margin-left: 181px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 11px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    Task (Job)
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="235" y="78" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="11px" text-anchor="middle">
                        Task (Job)
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <rect x="190" y="90" width="90" height="60" rx="9" ry="9" fill="#fffaf0" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(255, 250, 240), rgb(26, 22, 13)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 97px; margin-left: 191px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 11px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    <font>
                                        Task Shim
                                    </font>
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="235" y="108" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="11px" text-anchor="middle">
                        Task Shim
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <rect x="200" y="115" width="70" height="20" rx="3" ry="3" fill="#ffffff" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 68px; height: 1px; padding-top: 125px; margin-left: 201px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 11px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    <font>
                                        Function
                                    </font>
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="235" y="128" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="11px" text-anchor="middle">
                        Function
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <rect x="190" y="180" width="90" height="30" rx="4.5" ry="4.5" fill="#ddebfc" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(221, 235, 252), rgb(26, 38, 53)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 195px; margin-left: 191px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 11px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    <font style="font-size: 10px;">
                                        Workflow Manager Helper
                                    </font>
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="235" y="198" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="11px" text-anchor="middle">
                        Workflow Manager...
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <path d="M 230 209.52 C 230 207.71 234.48 206.25 240 206.25 C 242.65 206.25 245.2 206.59 247.07 207.21 C 248.95 207.82 250 208.65 250 209.52 L 250 320.48 C 250 322.29 245.52 323.75 240 323.75 C 234.48 323.75 230 322.29 230 320.48 Z" fill="#ffffff" stroke="#2d2926" stroke-miterlimit="10" transform="rotate(270,240,265)" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
            <path d="M 250 209.52 C 250 211.33 245.52 212.79 240 212.79 C 234.48 212.79 230 211.33 230 209.52" fill="none" stroke="#2d2926" stroke-miterlimit="10" transform="rotate(270,240,265)" pointer-events="all" style="stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 112px; height: 1px; padding-top: 265px; margin-left: 187px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 11px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    NATS
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="243" y="268" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="11px" text-anchor="middle">
                        NATS
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <path d="M 320 150 L 395 150 L 410 165 L 410 180 L 320 180 L 320 150 Z" fill="#ffffff" stroke="#2d2926" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
            <path d="M 395 150 L 395 165 L 410 165" fill="none" stroke="#2d2926" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 78px; height: 1px; padding-top: 165px; margin-left: 332px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: left; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 11px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    Task API
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="332" y="168" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="11px">
                        Task API
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <path d="M 320 190 L 395 190 L 410 205 L 410 220 L 320 220 L 320 190 Z" fill="#ffffff" stroke="#2d2926" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
            <path d="M 395 190 L 395 205 L 410 205" fill="none" stroke="#2d2926" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 78px; height: 1px; padding-top: 205px; margin-left: 332px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: left; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 11px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    Report API
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="332" y="208" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="11px">
                        Report API
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <path d="M 320 160.5 L 270 155.5" fill="none" stroke="#2d2926" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke" style="stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <path d="M 319.19 193.75 L 260 140" fill="none" stroke="#2d2926" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke" style="stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <path d="M 320 205 L 270 172.5" fill="none" stroke="#2d2926" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke" style="stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <rect x="320" y="50" width="60" height="30" rx="4.5" ry="4.5" fill="#f8cecc" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(248, 206, 204), rgb(81, 45, 43)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <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: 65px; margin-left: 321px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    Secrets
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="350" y="69" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="12px" text-anchor="middle">
                        Secrets
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <rect x="315" y="55" width="60" height="30" rx="4.5" ry="4.5" fill="#f8cecc" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(248, 206, 204), rgb(81, 45, 43)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <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: 70px; margin-left: 316px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    Secrets
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="345" y="74" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="12px" text-anchor="middle">
                        Secrets
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <rect x="310" y="60" width="60" height="30" rx="4.5" ry="4.5" fill="#f8cecc" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(248, 206, 204), rgb(81, 45, 43)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <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: 75px; margin-left: 311px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    <font style="font-size: 11px;">
                                        Secret
                                    </font>
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="340" y="79" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="12px" text-anchor="middle">
                        Secret
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <path d="M 235 171.88 L 235 158.12" fill="none" stroke="#2d2926" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
            <path d="M 235 178.88 L 232.67 171.88 L 237.33 171.88 Z" fill="#2d2926" stroke="#2d2926" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(45, 41, 38), rgb(205, 201, 199)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
            <path d="M 235 151.12 L 237.33 158.12 L 232.67 158.12 Z" fill="#2d2926" stroke="#2d2926" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(45, 41, 38), rgb(205, 201, 199)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <rect x="250" y="135" width="10" height="10" fill="#ffffff" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <rect x="260" y="150" width="10" height="10" fill="#fffaf0" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(255, 250, 240), rgb(26, 22, 13)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <rect x="260" y="170" width="10" height="10" fill="#dcecfc" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(220, 236, 252), rgb(24, 38, 52)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <rect x="320" y="100" width="60" height="30" rx="4.5" ry="4.5" fill="#f8cecc" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(248, 206, 204), rgb(81, 45, 43)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <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: 115px; margin-left: 321px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    Secrets
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="350" y="119" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="12px" text-anchor="middle">
                        Secrets
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <rect x="315" y="105" width="60" height="30" rx="4.5" ry="4.5" fill="#f8cecc" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(248, 206, 204), rgb(81, 45, 43)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <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: 120px; margin-left: 316px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    Secrets
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="345" y="124" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="12px" text-anchor="middle">
                        Secrets
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <rect x="310" y="110" width="60" height="30" rx="4.5" ry="4.5" fill="#f8cecc" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(248, 206, 204), rgb(81, 45, 43)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <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: 125px; margin-left: 311px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    <font style="font-size: 11px;">
                                        Service
                                    </font>
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="340" y="129" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="12px" text-anchor="middle">
                        Service
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <rect x="10" y="10" width="150" height="250" rx="7.5" ry="7.5" fill="#f2f4ff" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(242, 244, 255), rgb(25, 27, 36)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 148px; height: 1px; padding-top: 17px; margin-left: 11px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    Management
                                    <br/>
                                    Kubernetes Cluster
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="85" y="29" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="12px" text-anchor="middle">
                        Management...
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <rect x="20" y="60" width="130" height="30" rx="4.5" ry="4.5" fill="#e0d5e8" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(224, 213, 232), rgb(57, 48, 64)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 128px; height: 1px; padding-top: 75px; margin-left: 21px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    <font style="font-size: 11px;">
                                        NBMP Gateway
                                    </font>
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="85" y="79" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="12px" text-anchor="middle">
                        NBMP Gateway
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <rect x="20" y="100" width="130" height="150" rx="9.1" ry="9.1" fill="#dceafc" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(220, 234, 252), rgb(27, 39, 55)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 128px; height: 1px; padding-top: 107px; margin-left: 21px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 11px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    Workflow Manager
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="85" y="118" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="11px" text-anchor="middle">
                        Workflow Manager
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <rect x="30" y="130" width="110" height="20" rx="3" ry="3" fill="#dbe9fc" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(219, 233, 252), rgb(28, 40, 57)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <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: 140px; margin-left: 31px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 11px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    <font>
                                        MPE Controller
                                    </font>
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="85" y="143" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="11px" text-anchor="middle">
                        MPE Controller
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <rect x="30" y="160" width="110" height="20" rx="3" ry="3" fill="#dbe9fc" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(219, 233, 252), rgb(28, 40, 57)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <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: 170px; margin-left: 31px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 11px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    <font>
                                        Workflow Controller
                                    </font>
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="85" y="173" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="11px" text-anchor="middle">
                        Workflow Controller
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <rect x="30" y="190" width="110" height="20" rx="3" ry="3" fill="#dbe9fc" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(219, 233, 252), rgb(28, 40, 57)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <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: 200px; margin-left: 31px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 11px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    <font>
                                        Task Controller
                                    </font>
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="85" y="203" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="11px" text-anchor="middle">
                        Task Controller
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <rect x="30" y="220" width="110" height="20" rx="3" ry="3" fill="#dbe9fc" stroke="#2d2926" pointer-events="all" style="fill: light-dark(rgb(219, 233, 252), rgb(28, 40, 57)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
        <g>
            <g transform="translate(-0.5 -0.5)">
                <switch>
                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                        <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: 230px; margin-left: 31px;">
                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #2D2926; ">
                                <div style="display: inline-block; font-size: 11px; font-family: &quot;Open Sans&quot;; color: light-dark(#2D2926, #cdc9c7); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                    <font>
                                        Job Controller
                                    </font>
                                </div>
                            </div>
                        </div>
                    </foreignObject>
                    <text x="85" y="233" fill="#2D2926" font-family="&quot;Open Sans&quot;" font-size="11px" text-anchor="middle">
                        Job Controller
                    </text>
                </switch>
            </g>
        </g>
        <g>
            <path d="M 234.96 246.86 L 234.99 218.12" fill="none" stroke="#2d2926" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
            <path d="M 234.95 253.86 L 232.62 246.86 L 237.29 246.86 Z" fill="#2d2926" stroke="#2d2926" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(45, 41, 38), rgb(205, 201, 199)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
            <path d="M 235 211.12 L 237.32 218.12 L 232.66 218.12 Z" fill="#2d2926" stroke="#2d2926" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(45, 41, 38), rgb(205, 201, 199)); stroke: light-dark(rgb(45, 41, 38), rgb(205, 201, 199));"/>
        </g>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://www.drawio.com/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>