diagrams/appstudio-hacbs-l2.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1231px" height="500px" viewBox="-0.5 -0.5 1231 500" content="&lt;mxfile&gt;&lt;diagram id=&quot;8OUrMxTsSDumcfWZDcWK&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="0" y="0" width="1230" height="339" rx="10" ry="10" fill="none" stroke="#666666" stroke-dasharray="8 4" pointer-events="none"/>
        <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-end; justify-content: unsafe flex-start; width: 1212px; height: 1px; padding-top: 328px; margin-left: 10px;">
                        <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px">
                                    <b>
                                        <div style="text-align: left">
                                            AppStudio
                                        </div>
                                    </b>
                                </font>
                                <div style="text-align: left">
                                    [Software System]
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="10" y="328" fill="#FFFFFF" font-family="Helvetica" font-size="11px">
                    AppStudio...
                </text>
            </switch>
        </g>
        <rect x="70" y="19" width="160" height="80" rx="8" ry="8" fill="#23a2d9" stroke="#0e7dad" pointer-events="none"/>
        <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: 158px; height: 1px; padding-top: 59px; margin-left: 71px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px">
                                    <b>
                                        Application Service (HAS)
                                    </b>
                                </font>
                                <div>
                                    [Service: Controller]
                                </div>
                                <br/>
                                <div>
                                    <font style="font-size: 11px">
                                        <font color="#E6E6E6"></font>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="150" y="62" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Application Service (HAS)...
                </text>
            </switch>
        </g>
        <rect x="350" y="19" width="160" height="80" rx="8" ry="8" fill="#23a2d9" stroke="#0e7dad" pointer-events="none"/>
        <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: 158px; height: 1px; padding-top: 59px; margin-left: 351px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px">
                                    <b>
                                        GitOps Service
                                    </b>
                                </font>
                                <div>
                                    [Service: Controller, ArgoCD]
                                </div>
                                <br/>
                                <div>
                                    <font style="font-size: 11px">
                                        <font color="#E6E6E6"></font>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="430" y="62" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    GitOps Service...
                </text>
            </switch>
        </g>
        <rect x="470" y="129.5" width="160" height="80" rx="8" ry="8" fill="#23a2d9" stroke="#0e7dad" pointer-events="none"/>
        <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: 158px; height: 1px; padding-top: 170px; margin-left: 471px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px">
                                    <b>
                                        Pipeline Service
                                    </b>
                                </font>
                                <div>
                                    [Service: Tekton]
                                </div>
                                <br/>
                                <div>
                                    <font style="font-size: 11px">
                                        <font color="#E6E6E6"></font>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="550" y="173" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Pipeline Service...
                </text>
            </switch>
        </g>
        <rect x="190" y="139" width="160" height="80" rx="8" ry="8" fill="#23a2d9" stroke="#0e7dad" pointer-events="none"/>
        <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: 158px; height: 1px; padding-top: 179px; margin-left: 191px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px">
                                    <b>
                                        Service Provider Integration
                                    </b>
                                </font>
                                <div>
                                    [Service: Controller]
                                </div>
                                <br/>
                                <div>
                                    <font style="font-size: 11px">
                                        <font color="#E6E6E6"></font>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="270" y="182" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Service Provider Integration...
                </text>
            </switch>
        </g>
        <rect x="1030" y="139" width="160" height="80" rx="8" ry="8" fill="#23a2d9" stroke="#0e7dad" pointer-events="none"/>
        <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: 158px; height: 1px; padding-top: 179px; margin-left: 1031px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px">
                                    <b>
                                        Terminal &amp; IDE
                                    </b>
                                </font>
                                <div>
                                    [Service: Che]
                                </div>
                                <br/>
                                <div>
                                    <font style="font-size: 11px">
                                        <font color="#E6E6E6"></font>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1110" y="182" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Terminal &amp; IDE...
                </text>
            </switch>
        </g>
        <path d="M 470 169.5 L 470 179 L 510 179 L 366.12 179" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 351.12 179 L 366.12 174 L 366.12 184 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="none"/>
        <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: 169px; margin-left: 411px;">
                        <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: none; white-space: nowrap;">
                                <div style="text-align: left">
                                    <div style="text-align: center">
                                        <b>
                                            requests credential binding
                                            <br/>
                                            for 3rd party services
                                        </b>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="411" y="172" fill="#FFFFFF" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    requests credential binding...
                </text>
            </switch>
        </g>
        <path d="M 150 99 L 150 179 L 173.88 179" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 188.88 179 L 173.88 184 L 173.88 174 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="none"/>
        <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: 159px; margin-left: 150px;">
                        <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: none; white-space: nowrap;">
                                <div style="text-align: left">
                                    <div style="text-align: center">
                                        <b>
                                            requests credential binding
                                            <br/>
                                            for 3rd party services
                                        </b>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="150" y="162" fill="#FFFFFF" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    requests credential binding...
                </text>
            </switch>
        </g>
        <path d="M 415 99 L 415 119 L 310 119 L 310 129 L 316.12 129" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 301.12 129 L 316.12 124 L 316.12 134 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="none"/>
        <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: 119px; margin-left: 409px;">
                        <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: none; white-space: nowrap;">
                                <div style="text-align: left">
                                    <div style="text-align: center">
                                        <b>
                                            requests credential binding
                                            <br/>
                                            for 3rd party services
                                        </b>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="409" y="122" fill="#FFFFFF" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    requests credential binding...
                </text>
            </switch>
        </g>
        <rect x="250" y="379" width="240" height="120" rx="12" ry="12" fill="#8c8496" stroke="#736782" pointer-events="none"/>
        <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: 238px; height: 1px; padding-top: 439px; margin-left: 251px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px">
                                    <b>
                                        Participant Services
                                    </b>
                                </font>
                                <div>
                                    [Software System]
                                </div>
                                <br/>
                                <div>
                                    <font style="font-size: 11px">
                                        <font color="#cccccc">
                                            GitHub, Gitlab, Quay, DockerHub etc.
                                        </font>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="370" y="443" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Participant Services...
                </text>
            </switch>
        </g>
        <path d="M 270 219 L 270 259 L 370 259 L 370 362.88" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 370 377.88 L 365 362.88 L 375 362.88 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="none"/>
        <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: 249px; margin-left: 344px;">
                        <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: none; white-space: nowrap;">
                                <div style="text-align: left">
                                    <div style="text-align: center">
                                        <b>
                                            Authentication Token
                                        </b>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="344" y="252" fill="#FFFFFF" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Authentication Token
                </text>
            </switch>
        </g>
        <path d="M 110 99 L 60 99 L 60 269 L 120 269 L 120 469 L 310 469 L 310 395.12" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 310 380.12 L 315 395.12 L 305 395.12 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="none"/>
        <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: 277px; margin-left: 120px;">
                        <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: none; white-space: nowrap;">
                                <div style="text-align: left">
                                    <div style="text-align: center">
                                        <b>
                                            Read/Write
                                            <br/>
                                            Repositories
                                        </b>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="120" y="280" fill="#FFFFFF" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Read/Write...
                </text>
            </switch>
        </g>
        <path d="M 450 99 L 450 171 C 460.4 171 460.4 187 450 187 L 450 187 L 450 279 L 430 279 L 430 362.88" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 430 377.88 L 425 362.88 L 435 362.88 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="none"/>
        <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: 249px; margin-left: 450px;">
                        <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: none; white-space: nowrap;">
                                <div style="text-align: left">
                                    <div style="text-align: center">
                                        <b>
                                            Read Repositories
                                        </b>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="450" y="252" fill="#FFFFFF" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Read Repositories
                </text>
            </switch>
        </g>
        <path d="M 510 209.5 L 550 209.5 L 550 409 L 506.12 409" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 491.12 409 L 506.12 404 L 506.12 414 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="none"/>
        <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: 320px; margin-left: 550px;">
                        <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: none; white-space: nowrap;">
                                <div style="text-align: left">
                                    <div style="text-align: center">
                                        <b>
                                            Read/Write Repositories
                                        </b>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="550" y="323" fill="#FFFFFF" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Read/Write Repositories
                </text>
            </switch>
        </g>
        <rect x="630" y="19" width="170" height="80" rx="8" ry="8" fill="#23a2d9" stroke="#0e7dad" pointer-events="none"/>
        <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: 168px; height: 1px; padding-top: 59px; margin-left: 631px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px">
                                    <b>
                                        Java Rebuilds Service
                                    </b>
                                </font>
                                <div>
                                    [Container: Java, Controller]
                                </div>
                                <br/>
                                <div>
                                    <font style="font-size: 11px">
                                        <font color="#E6E6E6"></font>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="715" y="62" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Java Rebuilds Service...
                </text>
            </switch>
        </g>
        <rect x="750" y="139" width="160" height="80" rx="8" ry="8" fill="#23a2d9" stroke="#0e7dad" pointer-events="none"/>
        <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: 158px; height: 1px; padding-top: 179px; margin-left: 751px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px">
                                    <b>
                                        Integration Service
                                    </b>
                                </font>
                                <div>
                                    [Container: Controller]
                                </div>
                                <br/>
                                <div>
                                    <font style="font-size: 11px">
                                        <font color="#E6E6E6"></font>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="830" y="182" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Integration Service...
                </text>
            </switch>
        </g>
        <rect x="910" y="19" width="160" height="80" rx="8" ry="8" fill="#23a2d9" stroke="#0e7dad" pointer-events="none"/>
        <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: 158px; height: 1px; padding-top: 59px; margin-left: 911px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px">
                                    <b>
                                        Release Service
                                    </b>
                                </font>
                                <div>
                                    [Container: Controller]
                                </div>
                                <br/>
                                <div>
                                    <font style="font-size: 11px">
                                        <font color="#E6E6E6"></font>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="990" y="62" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Release Service...
                </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>