docs/arch.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="321px" height="241px" viewBox="-0.5 -0.5 321 241" content="&lt;mxfile&gt;&lt;diagram id=&quot;pma9oPt5KjUP7ZsT_84T&quot; name=&quot;Page-1&quot;&gt;1Zddb5swFIZ/DfdgAk0vS9p9XGyqFE279vAJWDU4MiYJ+fUz8SFATKu0RetKpMh+7WP7fWwfEi9cFYevim7zH5KB8IjPDl547xESR775boXGCkHgB1bJFGeo9cKaHwFFDMxqzqAaddRSCs23YzGVZQmpHmlUKbkfd9tIMZ51SzNwhHVKhav+5kznVl2Sm17/BjzLu5mD+Na2FLTrjE6qnDK5H0jhgxeulJTalorDCkQLr+Ni474803pemIJSXxMQ2oAdFTV6w3XppjO7z7mG9ZambX1vNtQLk1wXwtQCU9xwIVZSSGXqpSxNp4TRKgeG7TgBKA2HZxcZnK2bMwOyAK0a0wUDyAJp4XkJO3r7Hn4Qo5YPwXcixQ3PzmP3TEwBsUwjIg6iRyoE6PeA8ki4idqP0Sut5BMMWuLT00bIUg90+8yEdHmBNHaRLieILmYAunCA/jQZwsFpzOkxQSp4VppyakyCgZK0CLi5lnfYUHDG2vBEQcWP9M9pKN/Ut5KX+rTkKPGi+3asWsvKJpbA2QQ8x//o6C4mOJMZON86SIGZNIZV9DjAm9Zqd3Ft24CXnZvxZa1S7BVhMqYqg87JNB8Fgmq+G48+5fYUeqcUbQYdcD/7kR9bYYCdXGCP/AtydsSe43lpV6HtXkQvsx0BHYB+G1viso3+B7aLYF62kZMefn3/1Ln2A1PtjcPy+ATNK/PC245rPP9xvdb10nG9+0DX702A17qOHdcrrtKa27v8aW8P8cfXJ5p4g850fUy1/+VtM1f//yV8+As=&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="160" y="0" width="160" height="160" fill="none" stroke="#000000" stroke-dasharray="3 3" pointer-events="all"/>
        <rect x="200" y="40" width="80" height="40" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 60px; margin-left: 201px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #333333; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Pallet
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="240" y="64" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Pallet
                </text>
            </switch>
        </g>
        <rect x="160" y="0" width="40" height="20" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 10px; margin-left: 180px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
                                Node
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="180" y="14" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Node
                </text>
            </switch>
        </g>
        <path d="M 80 48 Q 140 30 193.9 46.17" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 198.93 47.68 L 191.22 49.02 L 193.9 46.17 L 193.23 42.31 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 200 72 Q 140 90 86.1 73.83" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 81.07 72.32 L 88.78 70.98 L 86.1 73.83 L 86.77 77.69 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="0" y="40" width="80" height="40" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 60px; margin-left: 1px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #333333; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                UI
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="40" y="64" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    UI
                </text>
            </switch>
        </g>
        <path d="M 145 200 L 58.82 85.09" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 55.67 80.89 L 62.67 84.39 L 58.82 85.09 L 57.07 88.59 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 140px; margin-left: 100px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                zkey
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="143" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    zkey
                </text>
            </switch>
        </g>
        <path d="M 170 200 L 227.15 85.7" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 229.5 81 L 229.5 88.83 L 227.15 85.7 L 223.24 85.7 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 140px; margin-left: 200px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                vkey
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="200" y="143" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    vkey
                </text>
            </switch>
        </g>
        <rect x="120" y="200" width="80" height="40" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 220px; margin-left: 121px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #333333; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Circuits
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="160" y="224" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Circuits
                </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>