docs/user/integration/assets/jaeger.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="741px" height="291px" viewBox="-0.5 -0.5 741 291" content="&lt;mxfile&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;BuShassRS1oPX2YRXQiv&quot;&gt;7Vlbc9o6EP41zKQPZnw3PAZI0jbpOcmQTppHgYVxkS0ii4DPrz9rW8aWL8QNkE5nykNireTVar9vtbvQM8bB7oah9fIbdTHp6aq76xmTnq4PLAv+JoI4E1iGkQk85ruZSCsEU/8/LISqkG58F0fSQk4p4f5aFs5pGOI5l2SIMbqVly0okXddIw/XBNM5InXpk+/yZW6dWsg/Y99b8srEDM1XHqObUGzX043r9JNNByhXJdZHS+TSbUlkXPWMMaOUZ0/BboxJ4tnca9l71y2ze7MZDnmXFyIch7do7YebZ53fEjReGoFiZ1peEdng/BipsTzO/ZMeESdK1J4x2i59jqdrNE9mt0AIkC15QGCkwWPEGV3hMSWUgSSkISwb1S0Vxr9ixvGuJBKW32AaYM5iWLItIHFM4cllCQ59KIRI0MDbv1v4Ah6EO5pd82p/uftsPHzXH/Dgwfo6UJztN0VrcI1NYNvRDB48nh4sEywoHKzsNPtlQ/MJJUopfwkLNGu9y14T87mi2zhAMD8mm4hjtt+HVTeCg2R71cQlm1rx097Gb+ETkqOXEFq9toHQLbgm8PkQSJfE90IQc7o+Eu18VmAay8MyF/QmLjjn4oLZyoXO0Bst0I8BchrAin9QgKMUmO7wnxDqydW1PpkIw0vy7PPhFDBkCth1CmhOAwW0s10H1vkoIKK/jvsjJjj3C+TdDZG40bDjjDIXM2WegXSZ2ssuFKUs/9Row8UKjFCiGO6f4NNH8E3kyiqvYMZOPyeikfY2j5qukpPwaMV/vjy/DLc3T+p49X268p7QizKoeRG7UI+IoQgr2bGU8SX1aIjIHU3iKxX+xJzHoppCG05lZ+Odz3+Unp+T9N23xGiyE9k8HcRi0A4E+J/FP/J3koHQZ+XjQmM6isuje8x88B1mQtgKa0Q3bF6pDhPnyLUhYh7mbwVqnRAME8T9V1lZE7ri1Xvqp2Gd02ww7KuqrRlD23HAK0M5Q5la35JVZocRWsplWUVxlaGaWWFeduCaopR8+/O9n49aPbf9+3h3D5JHBqEcNdL1Ds2gCZAYh0QGmAOqCdS11BD4rktScmO4E9Es1ZfwYZ0cLT2sNepZSQoiifrRvr6u5JzkSsrjRc3HWSBoeiO/DgVi7S7ZdxrCRKlcb7pjFLWvDzVdQlGMjiSdPpCU5ibnCuhiEeFjSdEYQ7n93fqCLpd/CSOjAcOzJgGrEmF6xyRwvnLSOb6Y0FuKiUrwdkvkHxDTVcQ7xPjBmG5jwS+Hr2Xo/YENsaaaFtSUZuVmVw+QoDlqFVOTVFiVzHCSsG3s5utBWq4tijLiqpCO5Pb+iFKjKC+eSzPNpUanEuBQGd6tCqiVD0eUBV0DPk8rf1vFX2gVG6K4Ro72ADYtKd4+tFcc1uD+irCXfIfzO9Plcf50KvnS+MB8mVfDJYfuaY/WawIM4j4N68S/2PpgnK5+iWAe/k99F88RdLt/LhD2b8ShsWTWzYMJ5szNq2UczCmtTeobPeqBthfUv6t57Zq5hqdOUs0FiTkY9G3NdAwLOGVCF1upcAZ9553Na+2q0JxqH/zu9hWGxY8j2fLi9yfj6n8=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
    <defs/>
    <g>
        <rect x="0" y="0" width="740" height="290" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all"/>
        <rect x="10" y="10" width="720" height="270" rx="40.5" ry="40.5" fill="#f0f6ff" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 718px; height: 1px; padding-top: 17px; margin-left: 11px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <b>
                                    <font style="font-size: 15px;">
                                        Kyma Cluster
                                        <br/>
                                    </font>
                                </b>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="370" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Kyma Cluster
                </text>
            </switch>
        </g>
        <rect x="30" y="60" width="170" height="190" rx="25.5" ry="25.5" fill="#def2dd" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 168px; height: 1px; padding-top: 67px; margin-left: 31px;">
                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 13px;">
                                    Custom Namespace
                                    <br/>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="115" y="79" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Custom Namespace
                </text>
            </switch>
        </g>
        <rect x="310" y="60" width="120" height="190" rx="18" ry="18" fill="#ffffff" stroke="#666666" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 155px; margin-left: 311px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 13px;">
                                    Kyma
                                    <br/>
                                    Telemetry Module
                                    <br style="border-color: var(--border-color);"/>
                                    (kyma-system)
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="370" y="159" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Kyma...
                </text>
            </switch>
        </g>
        <path d="M 180 165 L 303.63 164.52" fill="none" stroke="#666666" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 308.88 164.5 L 301.9 168.03 L 303.63 164.52 L 301.87 161.03 Z" fill="#666666" stroke="#666666" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 155px; margin-left: 254px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                OTLP Traces
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="254" y="159" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    OTLP Traces
                </text>
            </switch>
        </g>
        <rect x="50" y="120" width="120" height="70" rx="10.5" ry="10.5" fill="rgb(255, 255, 255)" stroke="#666666" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 156px; margin-left: 492px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                <font style="font-size: 12px;">
                                    OTLP Traces
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="492" y="159" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    OTLP Traces
                </text>
            </switch>
        </g>
        <rect x="545" y="60" width="170" height="190" rx="25.5" ry="25.5" fill="#def2dd" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 168px; height: 1px; padding-top: 67px; margin-left: 546px;">
                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 13px;">
                                    Custom Namespace
                                    <br/>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="630" y="79" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Custom Namespace
                </text>
            </switch>
        </g>
        <rect x="570" y="130" width="120" height="70" rx="10.5" ry="10.5" fill="rgb(255, 255, 255)" stroke="#666666" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 165px; margin-left: 571px;">
                        <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: 13px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Jaeger
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="630" y="169" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="13px" text-anchor="middle">
                    Jaeger
                </text>
            </switch>
        </g>
        <rect x="60" y="130" width="120" height="70" rx="10.5" ry="10.5" fill="rgb(255, 255, 255)" stroke="#666666" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 165px; margin-left: 61px;">
                        <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: 13px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Custom application
                                <br/>
                                (with Istio Sidecar)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="120" y="169" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="13px" text-anchor="middle">
                    Custom application...
                </text>
            </switch>
        </g>
        <path d="M 430 165.07 L 563.63 165" fill="none" stroke="#666666" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 568.88 165 L 561.88 168.5 L 563.63 165 L 561.88 161.5 Z" fill="#666666" stroke="#666666" stroke-miterlimit="10" pointer-events="all"/>
    </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>