<rect x="340" y="160" width="80" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" 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: 78px; height: 1px; padding-top: 180px; margin-left: 341px;">
                        <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;">
                                Extension Instance
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="380" y="184" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Extension Ins...
                </text>
            </switch>
        </g>
        <path d="M 100 200 L 100 140" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 132.77 160 L 167.07 139.07" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 173.05 135.42 L 168.29 141.06 L 165.85 137.08 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="20" y="160" width="160" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" 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: 158px; height: 1px; padding-top: 180px; margin-left: 21px;">
                        <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;">
                                Extension
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="184" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Extension
                </text>
            </switch>
        </g>
        <rect x="70" y="100" width="60" height="40" fill="#f5f5f5" 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: 58px; height: 1px; padding-top: 120px; margin-left: 71px;">
                        <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;">
                                Output
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="124" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Output
                </text>
            </switch>
        </g>
        <path d="M 50 220 L 50 200" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="20" y="220" width="60" height="40" fill="#f5f5f5" 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: 58px; height: 1px; padding-top: 240px; margin-left: 21px;">
                        <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;">
                                Input 1
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="50" y="244" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Input 1
                </text>
            </switch>
        </g>
        <path d="M 140 220 L 140 200" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="100" y="220" width="60" height="40" fill="#f5f5f5" 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: 58px; height: 1px; padding-top: 240px; margin-left: 101px;">
                        <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;">
                                Input 2
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="130" y="244" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Input 2
                </text>
            </switch>
        </g>
        <rect x="0" y="390" width="10" height="10" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/>
        <rect x="20" y="390" width="100" height="10" fill="none" 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 center; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 395px; margin-left: 22px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                React Component
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="22" y="398" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="10px">
                    React Component
                </text>
            </switch>
        </g>
        <rect x="0" y="410" width="10" height="10" fill="#fff2cc" stroke="#d6b656" pointer-events="all"/>
        <rect x="20" y="410" width="100" height="10" fill="none" 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 center; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 415px; margin-left: 22px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Route Path
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="22" y="418" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="10px">
                    Route Path
                </text>
            </switch>
        </g>
        <rect x="0" y="430" width="10" height="10" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
        <rect x="20" y="430" width="100" height="10" fill="none" 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 center; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 435px; margin-left: 22px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Display Title
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="22" y="438" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="10px">
                    Display Title
                </text>
            </switch>
        </g>
        <rect x="370" y="150" width="20" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <rect x="370" y="100" width="20" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 450 140 L 470 140 L 480 148 L 480 220 L 440 220 L 440 148 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,460,180)" 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: 78px; height: 1px; padding-top: 180px; margin-left: 421px;">
                        <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;">
                                Configuration
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="460" y="184" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Configuration
                </text>
            </switch>
        </g>
        <rect x="350" y="200" width="20" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <rect x="380" y="200" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <rect x="370" y="80" width="40" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" 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: 38px; height: 1px; padding-top: 90px; margin-left: 371px;">
                        <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;">
                                Parent
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="390" y="94" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Parent
                </text>
            </switch>
        </g>
        <path d="M 410 90 L 420 90 L 430 98 L 430 100 L 400 100 L 400 98 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,415,95)" pointer-events="all"/>
        <path d="M 180 100 L 260 100 L 270 110 L 270 130 L 260 140 L 180 140 L 170 130 L 170 110 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" 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: 98px; height: 1px; padding-top: 120px; margin-left: 171px;">
                        <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;">
                                <span style="">
                                    Configuration Schema
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="220" y="124" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Configuration Sc...
                </text>
            </switch>
        </g>
        <path d="M 320 170 L 340 170 L 350 178 L 350 190 L 310 190 L 310 178 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,180)scale(1,-1)translate(0,-180)rotate(-90,330,180)" 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: 18px; height: 1px; padding-top: 180px; margin-left: 321px;">
                        <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;">
                                ID
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="330" y="184" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    ID
                </text>
            </switch>
        </g>
        <path d="M 360 90 L 370 90 L 380 98 L 380 100 L 350 100 L 350 98 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,95)scale(1,-1)translate(0,-95)rotate(-90,365,95)" pointer-events="all"/>
        <ellipse cx="475" cy="295" rx="95" ry="35" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-dasharray="3 3" 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-end; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 257px; margin-left: 381px;">
                        <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: 10px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Multi Input Attachments
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="475" y="257" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Multi Input Attachments
                </text>
            </switch>
        </g>
        <rect x="410" y="290" width="50" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" 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: 48px; height: 1px; padding-top: 300px; margin-left: 411px;">
                        <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;">
                                Child
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="435" y="304" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Child
                </text>
            </switch>
        </g>
        <path d="M 460 290 L 470 290 L 480 298 L 480 300 L 450 300 L 450 298 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,465,295)" pointer-events="all"/>
        <rect x="410" y="280" width="50" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <rect x="490" y="290" width="50" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" 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: 48px; height: 1px; padding-top: 300px; margin-left: 491px;">
                        <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;">
                                Child
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="515" y="304" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Child
                </text>
            </switch>
        </g>
        <path d="M 540 290 L 550 290 L 560 298 L 560 300 L 530 300 L 530 298 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,545,295)" pointer-events="all"/>
        <rect x="490" y="280" width="50" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 400 290 L 410 290 L 420 298 L 420 300 L 390 300 L 390 298 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,295)scale(1,-1)translate(0,-295)rotate(-90,405,295)" pointer-events="all"/>
        <path d="M 480 290 L 490 290 L 500 298 L 500 300 L 470 300 L 470 298 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,295)scale(1,-1)translate(0,-295)rotate(-90,485,295)" pointer-events="all"/>
        <path d="M 500 280 L 505 275 L 505 275 L 510 280 L 510 280 L 510 280 L 505 280 L 500 280 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 510 280 L 515 275 L 515 275 L 520 280 L 520 280 L 520 280 L 515 280 L 510 280 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 520 280 L 525 275 L 525 275 L 530 280 L 530 280 L 530 280 L 525 280 L 520 280 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 420 280 L 425 275 L 425 275 L 430 280 L 430 280 L 430 280 L 425 280 L 420 280 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 430 280 L 435 275 L 435 275 L 440 280 L 440 280 L 440 280 L 435 280 L 430 280 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 440 280 L 445 275 L 445 275 L 450 280 L 450 280 L 450 280 L 445 280 L 440 280 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="310" cy="295" rx="50" ry="35" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-dasharray="3 3" 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-end; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 257px; margin-left: 261px;">
                        <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: 10px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Single Input Attachment
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="310" y="257" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Single Input Attachm...
                </text>
            </switch>
        </g>
        <rect x="290" y="290" width="40" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" 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: 38px; height: 1px; padding-top: 300px; margin-left: 291px;">
                        <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;">
                                Child
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="310" y="304" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Child
                </text>
            </switch>
        </g>
        <path d="M 330 290 L 340 290 L 350 298 L 350 300 L 320 300 L 320 298 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,335,295)" pointer-events="all"/>
        <rect x="290" y="280" width="40" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 280 290 L 290 290 L 300 298 L 300 300 L 270 300 L 270 298 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,295)scale(1,-1)translate(0,-295)rotate(-90,285,295)" pointer-events="all"/>
        <path d="M 300 280 L 305 275 L 305 275 L 310 280 L 310 280 L 310 280 L 305 280 L 300 280 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 310 280 L 315 275 L 315 275 L 320 280 L 320 280 L 320 280 L 315 280 L 310 280 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="760" y="160" width="30" height="10" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 790 160 L 800 160 L 810 168 L 810 170 L 780 170 L 780 168 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,795,165)" pointer-events="all"/>
        <path d="M 750 160 L 760 160 L 770 168 L 770 170 L 740 170 L 740 168 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,165)scale(1,-1)translate(0,-165)rotate(-90,755,165)" pointer-events="all"/>
        <path d="M 20 260 L 20 260 L 20 260 L 40 260 L 40 260 L 40 280 L 30 270 L 20 280 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 70 100 L 80 90 L 80 90 L 90 100 L 90 100 L 90 100 L 80 100 L 70 100 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="760" y="150" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 770 150 L 775 145 L 775 145 L 780 150 L 780 150 L 780 150 L 775 150 L 770 150 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="390" y="100" width="20" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 775 180 L 775 220" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 775 180 L 775 190 Q 775 200 785 200 L 835 200 Q 845 200 845 210 L 845 220" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 775 180 L 775 190 Q 775 200 765 200 L 715 200 Q 705 200 705 210 L 705 220" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <rect x="760" y="170" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 760 180 L 760 180 L 760 180 L 770 180 L 770 180 L 770 190 L 765 185 L 760 190 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 780 180 L 780 180 L 780 180 L 790 180 L 790 180 L 790 190 L 785 185 L 780 190 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 380 210 L 380 210 L 380 210 L 390 210 L 390 210 L 390 220 L 385 215 L 380 220 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 390 210 L 390 210 L 390 210 L 400 210 L 400 210 L 400 220 L 395 215 L 390 220 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 400 210 L 400 210 L 400 210 L 410 210 L 410 210 L 410 220 L 405 215 L 400 220 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 350 210 L 350 210 L 350 210 L 360 210 L 360 210 L 360 220 L 355 215 L 350 220 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 360 210 L 360 210 L 360 210 L 370 210 L 370 210 L 370 220 L 365 215 L 360 220 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 370 150 L 375 145 L 375 145 L 380 150 L 380 150 L 380 150 L 375 150 L 370 150 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 380 150 L 385 145 L 385 145 L 390 150 L 390 150 L 390 150 L 385 150 L 380 150 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 390 110 L 390 110 L 390 110 L 400 110 L 400 110 L 400 120 L 395 115 L 390 120 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 400 110 L 400 110 L 400 110 L 410 110 L 410 110 L 410 120 L 405 115 L 400 120 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 370 110 L 370 110 L 370 110 L 380 110 L 380 110 L 380 120 L 375 115 L 370 120 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 380 110 L 380 110 L 380 110 L 390 110 L 390 110 L 390 120 L 385 115 L 380 120 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="530" y="170" width="40" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" 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: 38px; height: 1px; padding-top: 180px; margin-left: 531px;">
                        <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;">
                                Other
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="550" y="184" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Other
                </text>
            </switch>
        </g>
        <path d="M 570 170 L 580 170 L 590 178 L 590 180 L 560 180 L 560 178 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,575,175)" pointer-events="all"/>
        <rect x="530" y="160" width="40" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 520 170 L 530 170 L 540 178 L 540 180 L 510 180 L 510 178 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,175)scale(1,-1)translate(0,-175)rotate(-90,525,175)" pointer-events="all"/>
        <path d="M 540 160 L 545 155 L 545 155 L 550 160 L 550 160 L 550 160 L 545 160 L 540 160 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 550 160 L 555 155 L 555 155 L 560 160 L 560 160 L 560 160 L 555 160 L 550 160 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 110 100 L 120 90 L 120 90 L 130 100 L 130 100 L 130 100 L 120 100 L 110 100 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 60 260 L 60 260 L 60 260 L 80 260 L 80 260 L 80 280 L 70 270 L 60 280 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 100 260 L 100 260 L 100 260 L 120 260 L 120 260 L 120 280 L 110 270 L 100 280 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 130 260 L 130 260 L 130 260 L 150 260 L 150 260 L 150 280 L 140 270 L 130 280 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 160 260 L 160 260 L 160 260 L 180 260 L 180 260 L 180 280 L 170 270 L 160 280 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 100 60 Q 100 70 90 70 Q 80 70 80 80" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <rect x="60" y="40" width="80" height="20" fill="none" 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 center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 50px; 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: 10px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Output Data
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="53" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Output Data
                </text>
            </switch>
        </g>
        <path d="M 100 60 Q 100 70 110 70 Q 120 70 120 80" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <rect x="50" y="320" width="80" height="20" fill="none" 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 center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 330px; margin-left: 51px;">
                        <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: 10px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Input Data
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="90" y="333" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Input Data
                </text>
            </switch>
        </g>
        <path d="M 70 320 Q 70 300 50 300 Q 30 300 30 280" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 70 320 Q 70 320 70 280" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 110 320 Q 110 320 110 280" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 110 320 Q 110 300 125 300 Q 140 300 140 280" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 110 320 Q 110 300 140 300 Q 170 300 170 280" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <rect x="760" y="80" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" 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: 28px; height: 1px; padding-top: 90px; margin-left: 761px;">
                        <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;">
                                Root
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="775" y="94" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Root
                </text>
            </switch>
        </g>
        <path d="M 790 90 L 800 90 L 810 98 L 810 100 L 780 100 L 780 98 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,795,95)" pointer-events="all"/>
        <path d="M 750 90 L 760 90 L 770 98 L 770 100 L 740 100 L 740 98 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,95)scale(1,-1)translate(0,-95)rotate(-90,755,95)" pointer-events="all"/>
        <rect x="760" y="100" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 770 110 L 770 110 L 770 110 L 780 110 L 780 110 L 780 120 L 775 115 L 770 120 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="830" y="160" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 860 160 L 870 160 L 880 168 L 880 170 L 850 170 L 850 168 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,865,165)" pointer-events="all"/>
        <path d="M 820 160 L 830 160 L 840 168 L 840 170 L 810 170 L 810 168 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,165)scale(1,-1)translate(0,-165)rotate(-90,825,165)" pointer-events="all"/>
        <rect x="830" y="150" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 840 150 L 845 145 L 845 145 L 850 150 L 850 150 L 850 150 L 845 150 L 840 150 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="900" y="160" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 930 160 L 940 160 L 950 168 L 950 170 L 920 170 L 920 168 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,935,165)" pointer-events="all"/>
        <path d="M 890 160 L 900 160 L 910 168 L 910 170 L 880 170 L 880 168 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,165)scale(1,-1)translate(0,-165)rotate(-90,895,165)" pointer-events="all"/>
        <rect x="900" y="150" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 910 150 L 915 145 L 915 145 L 920 150 L 920 150 L 920 150 L 915 150 L 910 150 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="760" y="230" width="30" height="10" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 790 230 L 800 230 L 810 238 L 810 240 L 780 240 L 780 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,795,235)" pointer-events="all"/>
        <path d="M 750 230 L 760 230 L 770 238 L 770 240 L 740 240 L 740 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,235)scale(1,-1)translate(0,-235)rotate(-90,755,235)" pointer-events="all"/>
        <rect x="760" y="220" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 775 250 L 775 290" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 775 250 L 775 260 Q 775 270 785 270 L 835 270 Q 845 270 845 280 L 845 290" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 775 250 L 775 260 Q 775 270 765 270 L 715 270 Q 705 270 705 280 L 705 290" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <rect x="760" y="240" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 760 250 L 760 250 L 760 250 L 770 250 L 770 250 L 770 260 L 765 255 L 760 260 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 770 250 L 770 250 L 770 250 L 780 250 L 780 250 L 780 260 L 775 255 L 770 260 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 760 220 L 765 215 L 765 215 L 770 220 L 770 220 L 770 220 L 765 220 L 760 220 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 780 220 L 785 215 L 785 215 L 790 220 L 790 220 L 790 220 L 785 220 L 780 220 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 780 250 L 780 250 L 780 250 L 790 250 L 790 250 L 790 260 L 785 255 L 780 260 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="830" y="230" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 860 230 L 870 230 L 880 238 L 880 240 L 850 240 L 850 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,865,235)" pointer-events="all"/>
        <path d="M 820 230 L 830 230 L 840 238 L 840 240 L 810 240 L 810 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,235)scale(1,-1)translate(0,-235)rotate(-90,825,235)" pointer-events="all"/>
        <rect x="830" y="220" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 830 220 L 835 215 L 835 215 L 840 220 L 840 220 L 840 220 L 835 220 L 830 220 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 840 220 L 845 215 L 845 215 L 850 220 L 850 220 L 850 220 L 845 220 L 840 220 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="900" y="230" width="30" height="10" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 930 230 L 940 230 L 950 238 L 950 240 L 920 240 L 920 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,935,235)" pointer-events="all"/>
        <path d="M 890 230 L 900 230 L 910 238 L 910 240 L 880 240 L 880 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,235)scale(1,-1)translate(0,-235)rotate(-90,895,235)" pointer-events="all"/>
        <rect x="900" y="220" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 900 220 L 905 215 L 905 215 L 910 220 L 910 220 L 910 220 L 905 220 L 900 220 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 920 220 L 925 215 L 925 215 L 930 220 L 930 220 L 930 220 L 925 220 L 920 220 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="970" y="230" width="30" height="10" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 1000 230 L 1010 230 L 1020 238 L 1020 240 L 990 240 L 990 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,1005,235)" pointer-events="all"/>
        <path d="M 960 230 L 970 230 L 980 238 L 980 240 L 950 240 L 950 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,235)scale(1,-1)translate(0,-235)rotate(-90,965,235)" pointer-events="all"/>
        <rect x="970" y="220" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 970 220 L 975 215 L 975 215 L 980 220 L 980 220 L 980 220 L 975 220 L 970 220 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 990 220 L 995 215 L 995 215 L 1000 220 L 1000 220 L 1000 220 L 995 220 L 990 220 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 775 180 L 775 190 Q 775 200 785 200 L 905 200 Q 915 200 915 210 L 915 220" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 775 180 L 775 190 Q 775 200 785 200 L 975 200 Q 985 200 985 210 L 985 220" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <rect x="760" y="300" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 790 300 L 800 300 L 810 308 L 810 310 L 780 310 L 780 308 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,795,305)" pointer-events="all"/>
        <path d="M 750 300 L 760 300 L 770 308 L 770 310 L 740 310 L 740 308 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,305)scale(1,-1)translate(0,-305)rotate(-90,755,305)" pointer-events="all"/>
        <rect x="760" y="290" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 760 290 L 765 285 L 765 285 L 770 290 L 770 290 L 770 290 L 765 290 L 760 290 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 770 290 L 775 285 L 775 285 L 780 290 L 780 290 L 780 290 L 775 290 L 770 290 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 915 250 L 915 290" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <rect x="900" y="240" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 910 250 L 910 250 L 910 250 L 920 250 L 920 250 L 920 260 L 915 255 L 910 260 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="690" y="230" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 720 230 L 730 230 L 740 238 L 740 240 L 710 240 L 710 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,725,235)" pointer-events="all"/>
        <path d="M 680 230 L 690 230 L 700 238 L 700 240 L 670 240 L 670 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,235)scale(1,-1)translate(0,-235)rotate(-90,685,235)" pointer-events="all"/>
        <rect x="690" y="220" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 690 220 L 695 215 L 695 215 L 700 220 L 700 220 L 700 220 L 695 220 L 690 220 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 710 220 L 715 215 L 715 215 L 720 220 L 720 220 L 720 220 L 715 220 L 710 220 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="900" y="300" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 930 300 L 940 300 L 950 308 L 950 310 L 920 310 L 920 308 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,935,305)" pointer-events="all"/>
        <path d="M 890 300 L 900 300 L 910 308 L 910 310 L 880 310 L 880 308 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,305)scale(1,-1)translate(0,-305)rotate(-90,895,305)" pointer-events="all"/>
        <rect x="900" y="290" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 900 290 L 905 285 L 905 285 L 910 290 L 910 290 L 910 290 L 905 290 L 900 290 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="970" y="240" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 980 250 L 980 250 L 980 250 L 990 250 L 990 250 L 990 260 L 985 255 L 980 260 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 780 290 L 785 285 L 785 285 L 790 290 L 790 290 L 790 290 L 785 290 L 780 290 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="830" y="300" width="30" height="10" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 860 300 L 870 300 L 880 308 L 880 310 L 850 310 L 850 308 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,865,305)" pointer-events="all"/>
        <path d="M 820 300 L 830 300 L 840 308 L 840 310 L 810 310 L 810 308 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,305)scale(1,-1)translate(0,-305)rotate(-90,825,305)" pointer-events="all"/>
        <rect x="830" y="290" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 830 290 L 835 285 L 835 285 L 840 290 L 840 290 L 840 290 L 835 290 L 830 290 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 840 290 L 845 285 L 845 285 L 850 290 L 850 290 L 850 290 L 845 290 L 840 290 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 850 290 L 855 285 L 855 285 L 860 290 L 860 290 L 860 290 L 855 290 L 850 290 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 845 320 L 845 360" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 845 320 L 845 330 Q 845 340 855 340 L 905 340 Q 915 340 915 350 L 915 360" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <rect x="830" y="310" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 830 320 L 830 320 L 830 320 L 840 320 L 840 320 L 840 330 L 835 325 L 830 330 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 850 320 L 850 320 L 850 320 L 860 320 L 860 320 L 860 330 L 855 325 L 850 330 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="690" y="300" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 720 300 L 730 300 L 740 308 L 740 310 L 710 310 L 710 308 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,725,305)" pointer-events="all"/>
        <path d="M 680 300 L 690 300 L 700 308 L 700 310 L 670 310 L 670 308 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,305)scale(1,-1)translate(0,-305)rotate(-90,685,305)" pointer-events="all"/>
        <rect x="690" y="290" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 690 290 L 695 285 L 695 285 L 700 290 L 700 290 L 700 290 L 695 290 L 690 290 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 700 290 L 705 285 L 705 285 L 710 290 L 710 290 L 710 290 L 705 290 L 700 290 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 710 290 L 715 285 L 715 285 L 720 290 L 720 290 L 720 290 L 715 290 L 710 290 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="830" y="370" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 860 370 L 870 370 L 880 378 L 880 380 L 850 380 L 850 378 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,865,375)" pointer-events="all"/>
        <path d="M 820 370 L 830 370 L 840 378 L 840 380 L 810 380 L 810 378 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,375)scale(1,-1)translate(0,-375)rotate(-90,825,375)" pointer-events="all"/>
        <rect x="830" y="360" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 830 360 L 835 355 L 835 355 L 840 360 L 840 360 L 840 360 L 835 360 L 830 360 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 850 360 L 855 355 L 855 355 L 860 360 L 860 360 L 860 360 L 855 360 L 850 360 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="900" y="370" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 930 370 L 940 370 L 950 378 L 950 380 L 920 380 L 920 378 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,935,375)" pointer-events="all"/>
        <path d="M 890 370 L 900 370 L 910 378 L 910 380 L 880 380 L 880 378 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,375)scale(1,-1)translate(0,-375)rotate(-90,895,375)" pointer-events="all"/>
        <rect x="900" y="360" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 900 360 L 905 355 L 905 355 L 910 360 L 910 360 L 910 360 L 905 360 L 900 360 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 920 360 L 925 355 L 925 355 L 930 360 L 930 360 L 930 360 L 925 360 L 920 360 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 690 320 L 690 320 L 690 320 L 700 320 L 700 320 L 700 330 L 695 325 L 690 330 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 710 320 L 710 320 L 710 320 L 720 320 L 720 320 L 720 330 L 715 325 L 710 330 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="0" y="360" width="180" height="20" fill="none" 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 center; justify-content: unsafe flex-start; width: 178px; height: 1px; padding-top: 370px; margin-left: 2px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 10px; 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: 12px;">
                                    Example Extension Data Types
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="2" y="373" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="10px">
                    Example Extension Data Types
                </text>
            </switch>
        </g>
        <rect x="160" y="0" width="280" height="40" fill="none" 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 center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 20px; margin-left: 300px;">
                        <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: 24px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">
                                Extension Architecture
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="300" y="27" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="24px" text-anchor="middle" font-weight="bold">
                    Extension Architecture
                </text>
            </switch>
        </g>
        <rect x="680" y="0" width="320" height="40" fill="none" 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 center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 20px; margin-left: 840px;">
                        <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: 24px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">
                                App Example
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="840" y="27" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="24px" text-anchor="middle" font-weight="bold">
                    App Example
                </text>
            </switch>
        </g>
        <path d="M 920 290 L 925 285 L 925 285 L 930 290 L 930 290 L 930 290 L 925 290 L 920 290 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 850 220 L 855 215 L 855 215 L 860 220 L 860 220 L 860 220 L 855 220 L 850 220 Z" fill="#d5e8d4" stroke="#82b366" 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>
