redhat/ocp4/4.14/dia/4.14.codellama.vscode.ocp.ai.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="832px" height="815px" viewBox="-0.5 -0.5 832 815" content="&lt;mxfile&gt;&lt;diagram id=&quot;xb-LIfA-KNqoLKuaJuPV&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <path d="M 1 24 L 1 1 L 581 1 L 581 24" fill="#fff2cc" stroke="#d6b656" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 1 24 L 1 814 L 581 814 L 581 24" fill="none" stroke="#d6b656" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 1 24 L 581 24" fill="none" stroke="#d6b656" stroke-width="2" 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: 578px; height: 1px; padding-top: 13px; margin-left: 2px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                OpenShift
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="291" y="17" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">
                    OpenShift
                </text>
            </switch>
        </g>
        <rect x="441" y="543" width="120" height="60" fill="#fff2cc" stroke="#d6b656" stroke-width="2" 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: 118px; height: 1px; padding-top: 573px; margin-left: 442px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                s3:
                                <br/>
                                model files -
                                <br/>
                                code llama
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="501" y="578" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    s3:...
                </text>
            </switch>
        </g>
        <path d="M 311 531 L 366 531 Q 376 531 376 541 L 376 563 Q 376 573 386 573 L 432.76 573" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 438.76 573 L 430.76 577 L 432.76 573 L 430.76 569 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 251 501 L 336 501 Q 346 501 346 496 L 346 493.5 Q 346 491 356 491 L 432.76 491" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 438.76 491 L 430.76 495 L 432.76 491 L 430.76 487 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="441" y="461" width="120" height="60" fill="#fff2cc" stroke="#d6b656" stroke-width="2" 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: 118px; height: 1px; padding-top: 491px; margin-left: 442px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                GPU
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="501" y="496" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    GPU
                </text>
            </switch>
        </g>
        <rect x="31" y="701" width="360" height="43" fill="#fff2cc" stroke="#d6b656" stroke-width="2" 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: 358px; height: 1px; padding-top: 723px; margin-left: 32px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px;">
                                    Openshift router / haproxy
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="211" y="727" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    Openshift router / haproxy
                </text>
            </switch>
        </g>
        <rect x="31" y="658" width="360" height="43" fill="#fff2cc" stroke="#d6b656" stroke-width="2" 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: 358px; height: 1px; padding-top: 680px; margin-left: 32px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px;">
                                    ServiceMesh / istio
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="211" y="684" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    ServiceMesh / istio
                </text>
            </switch>
        </g>
        <rect x="31" y="421" width="360" height="237" fill="#fff2cc" stroke="#d6b656" stroke-width="2" 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 center; width: 358px; height: 1px; padding-top: 655px; margin-left: 32px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px;">
                                    Serverless / knative
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="211" y="655" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    Serverless / knative
                </text>
            </switch>
        </g>
        <path d="M 101 504 L 101 451 L 301 451 L 301 504" fill="#ffe6cc" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 101 504 L 101 581 L 301 581 L 301 504" fill="none" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 101 504 L 301 504" fill="none" stroke="#d79b00" stroke-width="2" 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: 198px; height: 1px; padding-top: 478px; margin-left: 102px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                ServingRuntime /
                                <br/>
                                Customized
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="201" y="482" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">
                    ServingRuntime /...
                </text>
            </switch>
        </g>
        <rect x="116" y="521" width="170" height="43" fill="#ffe6cc" stroke="#d79b00" stroke-width="2" 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: 543px; margin-left: 117px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px;">
                                    Inference Service :
                                    <br/>
                                    Tabby
                                    <br/>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="201" y="547" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    Inference Service :...
                </text>
            </switch>
        </g>
        <path d="M 111 514 L 111 461 L 311 461 L 311 514" fill="#ffe6cc" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 111 514 L 111 591 L 311 591 L 311 514" fill="none" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 111 514 L 311 514" fill="none" stroke="#d79b00" stroke-width="2" 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: 198px; height: 1px; padding-top: 488px; margin-left: 112px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                ServingRuntime /
                                <br/>
                                Customized
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="211" y="492" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">
                    ServingRuntime /...
                </text>
            </switch>
        </g>
        <rect x="126" y="531" width="170" height="43" fill="#ffe6cc" stroke="#d79b00" stroke-width="2" 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: 553px; margin-left: 127px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px;">
                                    Inference Service :
                                    <br/>
                                    Tabby
                                    <br/>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="211" y="557" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    Inference Service :...
                </text>
            </switch>
        </g>
        <path d="M 121 524 L 121 471 L 321 471 L 321 524" fill="#ffe6cc" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 121 524 L 121 601 L 321 601 L 321 524" fill="none" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 121 524 L 321 524" fill="none" stroke="#d79b00" stroke-width="2" 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: 198px; height: 1px; padding-top: 498px; margin-left: 122px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                ServingRuntime /
                                <br/>
                                Customized
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="221" y="502" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">
                    ServingRuntime /...
                </text>
            </switch>
        </g>
        <rect x="136" y="541" width="170" height="43" fill="#ffe6cc" stroke="#d79b00" stroke-width="2" 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: 563px; margin-left: 137px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px;">
                                    Inference Service :
                                    <br/>
                                    Tabby
                                    <br/>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="221" y="567" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    Inference Service :...
                </text>
            </switch>
        </g>
        <path d="M 306 551.75 L 363.5 551.79 Q 373.5 551.8 373.5 541.8 L 373.5 501 Q 373.5 491 383.5 491 L 432.76 491" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 438.76 491 L 430.76 495 L 432.76 491 L 430.76 487 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 306 573.25 L 363.5 573.29 Q 373.5 573.3 383.5 573.26 L 432.76 573.04" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 438.76 573.01 L 430.78 577.05 L 432.76 573.04 L 430.75 569.05 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="441" y="174" width="120" height="60" fill="#fff2cc" stroke="#d6b656" stroke-width="2" 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: 118px; height: 1px; padding-top: 204px; margin-left: 442px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                s3:
                                <br/>
                                model files -
                                <br/>
                                code llama
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="501" y="209" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    s3:...
                </text>
            </switch>
        </g>
        <rect x="441" y="92" width="120" height="60" fill="#fff2cc" stroke="#d6b656" stroke-width="2" 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: 118px; height: 1px; padding-top: 122px; margin-left: 442px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                GPU
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="501" y="127" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    GPU
                </text>
            </switch>
        </g>
        <rect x="31" y="332" width="360" height="43" fill="#fff2cc" stroke="#d6b656" stroke-width="2" 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: 358px; height: 1px; padding-top: 354px; margin-left: 32px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px;">
                                    Openshift router / haproxy
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="211" y="358" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    Openshift router / haproxy
                </text>
            </switch>
        </g>
        <rect x="31" y="289" width="360" height="43" fill="#fff2cc" stroke="#d6b656" stroke-width="2" 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: 358px; height: 1px; padding-top: 311px; margin-left: 32px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px;">
                                    ServiceMesh / istio
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="211" y="315" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    ServiceMesh / istio
                </text>
            </switch>
        </g>
        <rect x="31" y="52" width="360" height="237" fill="#fff2cc" stroke="#d6b656" stroke-width="2" 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 center; width: 358px; height: 1px; padding-top: 286px; margin-left: 32px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px;">
                                    Serverless / knative
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="211" y="286" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    Serverless / knative
                </text>
            </switch>
        </g>
        <path d="M 101 135 L 101 82 L 301 82 L 301 135" fill="#ffe6cc" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 101 135 L 101 212 L 301 212 L 301 135" fill="none" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 101 135 L 301 135" fill="none" stroke="#d79b00" stroke-width="2" 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: 198px; height: 1px; padding-top: 109px; margin-left: 102px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                ServingRuntime /
                                <br/>
                                Customized
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="201" y="113" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">
                    ServingRuntime /...
                </text>
            </switch>
        </g>
        <rect x="116" y="152" width="170" height="43" fill="#ffe6cc" stroke="#d79b00" stroke-width="2" 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: 174px; margin-left: 117px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px;">
                                    Inference Service :
                                    <br/>
                                    Tabby
                                    <br/>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="201" y="178" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    Inference Service :...
                </text>
            </switch>
        </g>
        <path d="M 111 145 L 111 92 L 311 92 L 311 145" fill="#ffe6cc" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 111 145 L 111 222 L 311 222 L 311 145" fill="none" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 111 145 L 311 145" fill="none" stroke="#d79b00" stroke-width="2" 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: 198px; height: 1px; padding-top: 119px; margin-left: 112px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                ServingRuntime /
                                <br/>
                                Customized
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="211" y="123" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">
                    ServingRuntime /...
                </text>
            </switch>
        </g>
        <rect x="126" y="162" width="170" height="43" fill="#ffe6cc" stroke="#d79b00" stroke-width="2" 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: 184px; margin-left: 127px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px;">
                                    Inference Service :
                                    <br/>
                                    Tabby
                                    <br/>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="211" y="188" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    Inference Service :...
                </text>
            </switch>
        </g>
        <path d="M 121 155 L 121 102 L 321 102 L 321 155" fill="#ffe6cc" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 121 155 L 121 232 L 321 232 L 321 155" fill="none" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 121 155 L 321 155" fill="none" stroke="#d79b00" stroke-width="2" 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: 198px; height: 1px; padding-top: 129px; margin-left: 122px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                ServingRuntime /
                                <br/>
                                Customized
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="221" y="133" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">
                    ServingRuntime /...
                </text>
            </switch>
        </g>
        <rect x="136" y="172" width="170" height="43" fill="#ffe6cc" stroke="#d79b00" stroke-width="2" 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: 194px; margin-left: 137px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px;">
                                    Inference Service :
                                    <br/>
                                    code llama
                                    <br/>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="221" y="198" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    Inference Service :...
                </text>
            </switch>
        </g>
        <path d="M 306 182.75 L 363.5 182.79 Q 373.5 182.8 373.5 172.8 L 373.5 132 Q 373.5 122 383.5 122 L 432.76 122" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 438.76 122 L 430.76 126 L 432.76 122 L 430.76 118 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 306 204.25 L 363.5 204.29 Q 373.5 204.3 383.5 204.26 L 432.76 204.04" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 438.76 204.01 L 430.78 208.05 L 432.76 204.04 L 430.75 200.05 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 631 24 L 631 1 L 831 1 L 831 24" fill="#dae8fc" stroke="#6c8ebf" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 631 24 L 631 811 L 831 811 L 831 24" fill="none" stroke="#6c8ebf" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 631 24 L 831 24" fill="none" stroke="#6c8ebf" stroke-width="2" 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: 198px; height: 1px; padding-top: 13px; margin-left: 632px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                VSCode
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="731" y="17" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">
                    VSCode
                </text>
            </switch>
        </g>
        <rect x="661" y="51" width="120" height="60" fill="#dae8fc" stroke="#6c8ebf" stroke-width="2" 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: 118px; height: 1px; padding-top: 81px; margin-left: 662px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                Continue
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="721" y="86" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    Continue
                </text>
            </switch>
        </g>
        <rect x="671" y="431" width="120" height="60" fill="#dae8fc" stroke="#6c8ebf" stroke-width="2" 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: 118px; height: 1px; padding-top: 461px; margin-left: 672px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                tabby
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="731" y="466" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    tabby
                </text>
            </switch>
        </g>
        <path d="M 731 111 L 731 381 Q 731 391 721 391 L 231 391 Q 221 391 221 381 L 221 240.24" fill="none" stroke="#6c8ebf" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 221 234.24 L 225 242.24 L 221 240.24 L 217 242.24 Z" fill="#6c8ebf" stroke="#6c8ebf" stroke-width="2" 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: 376px; margin-left: 522px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                OpenAI rest api
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="522" y="380" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    OpenAI rest api
                </text>
            </switch>
        </g>
        <path d="M 731 491 L 731 761 Q 731 771 721 771 L 231 771 Q 221 771 221 761 L 221 609.24" fill="none" stroke="#6c8ebf" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 221 603.24 L 225 611.24 L 221 609.24 L 217 611.24 Z" fill="#6c8ebf" stroke="#6c8ebf" stroke-width="2" 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: 752px; margin-left: 522px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                <font style="font-size: 16px;">
                                    rest api
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="522" y="756" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="14px" text-anchor="middle">
                    rest api
                </text>
            </switch>
        </g>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
                Text is not SVG - cannot display
            </text>
        </a>
    </switch>
</svg>