doc/drawings/design.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1868px" height="821px" viewBox="-0.5 -0.5 1868 821" content="&lt;mxfile&gt;&lt;diagram id=&quot;eHdjq77vQoPZOdbyM9o6&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs>
        <linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-f5f5f5-1-b3b3b3-1-s-0">
            <stop offset="0%" style="stop-color: rgb(245, 245, 245); stop-opacity: 1;"/>
            <stop offset="100%" style="stop-color: rgb(179, 179, 179); stop-opacity: 1;"/>
        </linearGradient>
    </defs>
    <g>
        <rect x="977" y="510" width="890" height="230" fill="#d5e8d4" stroke="#82b366" 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: 888px; height: 1px; padding-top: 714px; margin-left: 978px;">
                        <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="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 20px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; display: inline ; float: none">
                                    dpdkswx package
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1422" y="717" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    dpdkswx package
                </text>
            </switch>
        </g>
        <rect x="1539" y="522" width="100" height="110" rx="15" ry="15" fill="#ffffff" stroke="#000000" 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: 577px; margin-left: 1540px;">
                        <div data-drawio-colors="color: #000000; " 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: all; white-space: normal; overflow-wrap: normal;">
                                tap
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1589" y="582" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    tap
                </text>
            </switch>
        </g>
        <rect x="20" y="0" width="1847" height="61" fill="url(#mx-gradient-f5f5f5-1-b3b3b3-1-s-0)" 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: 1845px; height: 1px; padding-top: 31px; 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;">
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 20px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; display: inline ; float: none">
                                    Example programs
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="944" y="34" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Example programs
                </text>
            </switch>
        </g>
        <rect x="10" y="10" width="1847" height="61" fill="url(#mx-gradient-f5f5f5-1-b3b3b3-1-s-0)" 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: 1845px; height: 1px; padding-top: 41px; 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;">
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 20px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; display: inline ; float: none">
                                    Example programs
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="934" y="44" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Example programs
                </text>
            </switch>
        </g>
        <rect x="1" y="750" width="1866" height="70" fill="#ffe6cc" stroke="#d79b00" 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: 1864px; height: 1px; padding-top: 785px; 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: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 20px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; display: inline ; float: none">
                                    External code
                                </span>
                                <br style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 20px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px"/>
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 20px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; display: inline ; float: none">
                                    (Kernel, DPDK, other libraries)
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="934" y="789" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    External code...
                </text>
            </switch>
        </g>
        <rect x="1647" y="522" width="100" height="110" rx="15" ry="15" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="16px">
            <text x="1696.5" y="574">
                source/
            </text>
            <text x="1696.5" y="593">
                sink
            </text>
        </g>
        <rect x="977" y="300" width="890" height="201" fill="#d5e8d4" stroke="#82b366" 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: 888px; height: 1px; padding-top: 476px; margin-left: 978px;">
                        <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="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 20px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; display: inline ; float: none">
                                    dpdkinfra package
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1422" y="479" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    dpdkinfra package
                </text>
            </switch>
        </g>
        <rect x="1757" y="315" width="100" height="127" rx="15" ry="15" fill="#ffffff" stroke="#000000" 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: 98px; height: 1px; padding-top: 379px; margin-left: 1758px;">
                        <div data-drawio-colors="color: #000000; " 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;">
                                cli
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1807" y="383" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    cli
                </text>
            </switch>
        </g>
        <rect x="987" y="381" width="210" height="61" rx="9.15" ry="9.15" fill="#ffffff" stroke="#000000" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="middle" font-size="16px">
            <text x="1091.5" y="418">
                pipemngr
            </text>
        </g>
        <g fill="rgb(0, 0, 0)" font-family="Helvetica" pointer-events="none" text-anchor="middle" font-size="12px">
            <text x="1531.5" y="416">
                portmngr
            </text>
        </g>
        <rect x="1317" y="381" width="430" height="61" rx="9.15" ry="9.15" fill="#ffffff" stroke="#000000" 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: 428px; height: 1px; padding-top: 412px; margin-left: 1318px;">
                        <div data-drawio-colors="color: #000000; " 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;">
                                portmngr
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1532" y="416" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    portmngr
                </text>
            </switch>
        </g>
        <rect x="987" y="313" width="760" height="60" rx="9" ry="9" fill="#ffffff" stroke="#000000" 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: 758px; height: 1px; padding-top: 343px; margin-left: 988px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <span style="font-size: 16px">
                                    dpdkinfra
                                </span>
                                <br style="font-size: 16px"/>
                                <span style="font-size: 16px">
                                    (pipelineconfig, pktmbufconfig, interfaceconfig)
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1367" y="349" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
                    dpdkinfra...
                </text>
            </switch>
        </g>
        <rect x="327" y="90" width="100" height="650" fill="#d5e8d4" stroke="#82b366" 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: 98px; height: 1px; padding-top: 415px; margin-left: 328px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 20px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; display: inline ; float: none">
                                    sshshell
                                    <br/>
                                    package
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="377" y="419" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    sshshell...
                </text>
            </switch>
        </g>
        <rect x="616" y="300" width="170" height="440" fill="url(#mx-gradient-f5f5f5-1-b3b3b3-1-s-0)" stroke="#666666" 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: 520px; margin-left: 617px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 20px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; display: inline ; float: none">
                                    gnmi
                                    <br/>
                                    package
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="701" y="524" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    gnmi...
                </text>
            </switch>
        </g>
        <rect x="110" y="90" width="100" height="650" fill="url(#mx-gradient-f5f5f5-1-b3b3b3-1-s-0)" stroke="#666666" 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: 98px; height: 1px; padding-top: 415px; margin-left: 111px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 20px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; display: inline ; float: none">
                                    config
                                    <br/>
                                    package
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="160" y="419" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    config...
                </text>
            </switch>
        </g>
        <rect x="437" y="90" width="1430" height="201" fill="url(#mx-gradient-f5f5f5-1-b3b3b3-1-s-0)" stroke="#666666" 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: 1428px; height: 1px; padding-top: 191px; margin-left: 438px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 20px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; display: inline ; float: none">
                                    p4device package
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1152" y="194" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    p4device package
                </text>
            </switch>
        </g>
        <rect x="436" y="300" width="170" height="440" fill="url(#mx-gradient-f5f5f5-1-b3b3b3-1-s-0)" stroke="#666666" 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: 520px; margin-left: 437px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 20px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; display: inline ; float: none">
                                    p4rt
                                    <br/>
                                    package
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="521" y="524" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    p4rt...
                </text>
            </switch>
        </g>
        <rect x="0" y="20" width="1847" height="61" fill="url(#mx-gradient-f5f5f5-1-b3b3b3-1-s-0)" stroke="#666666" 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: 1845px; height: 1px; padding-top: 51px; margin-left: 1px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 20px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; display: inline ; float: none">
                                    Example programs
                                    <br/>
                                    (dpdkinfra, p4vswitch, gnmi_cli)
                                    <br/>
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="924" y="54" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Example programs...
                </text>
            </switch>
        </g>
        <rect x="797" y="300" width="170" height="440" fill="url(#mx-gradient-f5f5f5-1-b3b3b3-1-s-0)" stroke="#666666" 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: 520px; margin-left: 798px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 20px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; display: inline ; float: none">
                                    tdi
                                    <br/>
                                    package
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="882" y="524" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    tdi...
                </text>
            </switch>
        </g>
        <rect x="989" y="450" width="100" height="40" rx="6" ry="6" fill="#ffffff" stroke="#000000" 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: 98px; height: 1px; padding-top: 470px; margin-left: 990px;">
                        <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 color="#000000" style="font-size: 16px">
                                    store
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1039" y="475" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    store
                </text>
            </switch>
        </g>
        <rect x="1757" y="522" width="100" height="206" rx="15" ry="15" fill="#ffffff" stroke="#000000" 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: 98px; height: 1px; padding-top: 625px; margin-left: 1758px;">
                        <div data-drawio-colors="color: #000000; " 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;">
                                common
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1807" y="630" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    common
                </text>
            </switch>
        </g>
        <rect x="1429" y="522" width="100" height="110" rx="15" ry="15" fill="#ffffff" stroke="#000000" 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: 98px; height: 1px; padding-top: 577px; margin-left: 1430px;">
                        <div data-drawio-colors="color: #000000; " 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;">
                                ring
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1479" y="582" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    ring
                </text>
            </switch>
        </g>
        <rect x="1319" y="522" width="100" height="110" rx="15" ry="15" fill="#ffffff" stroke="#000000" 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: 98px; height: 1px; padding-top: 577px; margin-left: 1320px;">
                        <div data-drawio-colors="color: #000000; " 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;">
                                ethdev
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1369" y="582" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    ethdev
                </text>
            </switch>
        </g>
        <rect x="1209" y="522" width="100" height="160" rx="15" ry="15" fill="#ffffff" stroke="#000000" 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: 98px; height: 1px; padding-top: 602px; margin-left: 1210px;">
                        <div data-drawio-colors="color: #000000; " 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;">
                                pktmbuf
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1259" y="607" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    pktmbuf
                </text>
            </switch>
        </g>
        <rect x="1319" y="642" width="430" height="40" rx="6" ry="6" fill="#ffffff" stroke="#000000" 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: 428px; height: 1px; padding-top: 662px; margin-left: 1320px;">
                        <div data-drawio-colors="color: #000000; " 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;">
                                device
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1534" y="667" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    device
                </text>
            </switch>
        </g>
        <rect x="1097" y="522" width="100" height="160" rx="15" ry="15" fill="#ffffff" stroke="#000000" 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: 98px; height: 1px; padding-top: 602px; margin-left: 1098px;">
                        <div data-drawio-colors="color: #000000; " 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;">
                                pipeline
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1147" y="607" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    pipeline
                </text>
            </switch>
        </g>
        <rect x="987" y="522" width="100" height="160" rx="15" ry="15" fill="#ffffff" stroke="#000000" 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: 98px; height: 1px; padding-top: 602px; margin-left: 988px;">
                        <div data-drawio-colors="color: #000000; " 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;">
                                swxruntime
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1037" y="607" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    swxruntime
                </text>
            </switch>
        </g>
        <rect x="989" y="690" width="100" height="40" rx="6" ry="6" fill="#ffffff" stroke="#000000" 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: 98px; height: 1px; padding-top: 710px; margin-left: 990px;">
                        <div data-drawio-colors="color: #000000; " 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;">
                                eal
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1039" y="715" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    eal
                </text>
            </switch>
        </g>
        <rect x="219" y="90" width="100" height="650" fill="url(#mx-gradient-f5f5f5-1-b3b3b3-1-s-0)" stroke="#666666" 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: 98px; height: 1px; padding-top: 415px; margin-left: 220px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 20px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; display: inline ; float: none">
                                    flowtest
                                    <br/>
                                    package
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="269" y="419" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    flowtest...
                </text>
            </switch>
        </g>
        <rect x="1" y="90" width="100" height="650" fill="#d5e8d4" stroke="#82b366" 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: 98px; height: 1px; padding-top: 415px; 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: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 20px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; display: inline ; float: none">
                                    logging
                                    <br/>
                                    package
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="51" y="419" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    logging...
                </text>
            </switch>
        </g>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
                Viewer does not support full SVG 1.1
            </text>
        </a>
    </switch>
</svg>