assets/howitworks.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="569px" height="303px" viewBox="-0.5 -0.5 569 303" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2021-04-30T05:30:46.305Z&quot; agent=&quot;5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.93 Safari/537.36&quot; etag=&quot;Sqzl_IMRwMvPRTCtvASK&quot; version=&quot;14.6.9&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;SRcq06gqx8RPcf8Ov9CA&quot; name=&quot;Page-1&quot;&gt;7Vttc6o4FP41frx3gPCiH2tt3c7s3e2Md+52P2YgF9hFYkOsen/9JpDwEkCwhao76kxLTkJI8jwn5zlRJ+B+vV8SuAm+YQ9FE0Pz9hOwmBjG1DHYX244CIMmDD4JvcykF4ZV+AsJoyas29BDSaUhxTii4aZqdHEcI5dWbJAQvKs2+4mj6lM30Ec1w8qFUd36V+jRQMzCcAr7byj0A/lk3Z5lNWsoG4uZJAH08K5kAg8TcE8wptnVen+PIr52cl2y+x5bavOBERTTPjfQ4Pufy+U/L9CdP28ffrz+Hge/vggw3mC0FRMWg6UHuQIEb2MP8U70CZjvgpCi1Qa6vHbHIGe2gK4jUe3BJMjbJpTgf/NlYxOebxAJ14giwnsIY5+ZNWb+iWN6jyNM0ieCWfrKOyjV2OmL1UDiCq7wbsUkEKFo37o6er7mjKsIs2GQA2sib5CEEzwFtijvCtT1qbAFJcSBJoxQMM3P+y7AYBcCjxOwATVsYPTmMcsKETbXGlBs8rSKRnX9YhwjvthhFCkmGIV+zIouWyzWMZjzpQyZE9yJinXoefwxjfAXBJFYrsSgdFnOoNLtOtY5okNgaCkYOg0Yag0YGmNBaJ7iXtqH3avdXwZYXdO4OA+x2jzkzueTujmICqF9aQ4id92Kh9gRFetQwc9+3WJZ8SVJV+yONdCNzb6oZFc+/0/QGlPkhSyQE9kjG2HWadbkY5FOha2ISFYrsarIPqavJkaUCMjaOfMFew+0RZpVBphaAwOMBgbYozFAb2VAsoHx+xnwxLBkZu0bjJlIK5Mg6/e6SMAooDvTcUhgNe3kn0uCJh06xDbwA0Y8Hvyx/C50U8iQvO7tYG4t5s5A24FpXRwT6qr3FhBGDAgqAy4gIDSJ5iECwhJStIN87nfPT1cfDpzFfKjUV9UE07NTYNpAAQUYFHt3/HyHq/IIJknoHseiTVazRSKHF3FTWvibC/Wvliwu9kK4Z6WDLO1D+lK6Lt3FSsVNvCDvqeVn5oK/0xpIqJwPZvOWtscwkjPKlgB5tQMrBWi2THhLXHRsgcUuy57gI9qpz+vUKVHDamCGtBEUQRq+VQfcRBfxhGccpnu8YCZQNyegMC6bqLirfPaldKTucmCqdJQtRK2jlL35tD9A6FmN0M8EuyhJary+jCS1ctBQdiVj5CMc5ZDBBvW9yPzMBNWoJ6g35BqFBLg05MZKLMXh0v9ARUw1/h5JSJ5dRUjR8Bkq4mORncd0CRMmNMA+jmH0UFgVH881S17op1n6K4huYWCcUxjU8lb9ncLAUjua9RMGDNA0k5DNNrxBcmTAoHnArYJFbT+rtGcX2QgGVSlGU+49tuw+kcI9HU3si2VHO8UBzsZrBfX36l0dzL7Oyq/j3Y6sfo16Rv8U++SmoWoxtGVX6yDfeBKq/gHbpUZQkY3L6z7ZeFvm73Sm/ieG6yHD7lnzccPuiJZ99ye1I9sZJ+wa06NhtLO9aVqfEHbta/OyU868xnOW7lMu85zOon7W/l5fqR3P9ozep/qKevTSJVHV9nJc4/qKc22+MkREOldAOpfrWE4H5Xund06LohrYd/JA2OwLne0VXxvJd87xqYqS3hkD5XcnOZ1x3OuGjDhaXx0HzqrjFJkD1DO4vv4F1CCndjR2Zln/XIWg1y1K+Bhx+iVZjW7jmH8n/ZZpljJNY9aiTsqntaCBgaPlmvJhJShdgiBFNwibIQR6S5AsQTgbBkFWLH6nkPlu8WMP8PAf&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><rect x="77" y="1" width="180" height="300" rx="3.6" ry="3.6" fill="#ffffff" stroke="#666666" stroke-width="2" stroke-dasharray="6 6" pointer-events="all"/><rect x="117" y="11" width="100" 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: 98px; height: 1px; padding-top: 21px; margin-left: 118px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: #666666; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">alvd Server</div></div></div></foreignObject><text x="167" y="26" fill="#666666" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">alvd Server</text></switch></g><rect x="387" y="1" width="180" height="300" fill="#ffffff" stroke="#666666" stroke-width="2" stroke-dasharray="6 6" pointer-events="all"/><rect x="427" y="11" width="100" 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: 98px; height: 1px; padding-top: 21px; margin-left: 428px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: #666666; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">alvd Agent</div></div></div></foreignObject><text x="477" y="26" fill="#666666" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">alvd Agent</text></switch></g><rect x="107" y="41" width="120" height="60" rx="3" ry="3" fill="#7bdbdb" 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: 118px; height: 1px; padding-top: 71px; margin-left: 108px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; "><font style="font-size: 12px">remotedialer</font></div></div></div></foreignObject><text x="167" y="76" fill="#FFFFFF" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">remotedialer</text></switch></g><rect x="107" y="201" width="120" height="60" rx="3" ry="3" fill="#dbd178" 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: 118px; height: 1px; padding-top: 231px; margin-left: 108px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; "><span style="font-size: 12px">Index Manager</span></div></div></div></foreignObject><text x="167" y="236" fill="#FFFFFF" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">Index Manager</text></switch></g><rect x="417" y="201" width="120" height="60" rx="3" ry="3" fill="#b5db7b" 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: 118px; height: 1px; padding-top: 231px; margin-left: 418px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; "><font style="font-size: 12px">Vald NGT Service</font></div></div></div></foreignObject><text x="477" y="236" fill="#FFFFFF" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">Vald NGT Service</text></switch></g><rect x="417" y="41" width="120" height="60" rx="3" ry="3" fill="#7bdbdb" 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: 118px; height: 1px; padding-top: 71px; margin-left: 418px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; "><font style="font-size: 12px">remotedialer</font></div></div></div></foreignObject><text x="477" y="76" fill="#FFFFFF" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">remotedialer</text></switch></g><rect x="107" y="121" width="120" height="60" rx="3" ry="3" fill="#db7db2" 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: 118px; height: 1px; padding-top: 151px; margin-left: 108px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; "><span style="font-size: 12px">Gateway API</span></div></div></div></foreignObject><text x="167" y="156" fill="#FFFFFF" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">Gateway API</text></switch></g><path d="M 414 71 L 233.37 71" fill="none" stroke="#4d4d4d" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="417" cy="71" rx="3" ry="3" fill="#4d4d4d" stroke="#4d4d4d" pointer-events="all"/><path d="M 228.12 71 L 235.12 67.5 L 233.37 71 L 235.12 74.5 Z" fill="#4d4d4d" stroke="#4d4d4d" stroke-miterlimit="10" pointer-events="all"/><rect x="87" y="271" 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: 38px; height: 1px; padding-top: 281px; margin-left: 88px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #666666; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Process</div></div></div></foreignObject><text x="107" y="285" fill="#666666" font-family="Helvetica" font-size="12px" text-anchor="middle">Process</text></switch></g><rect x="397" y="271" 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: 38px; height: 1px; padding-top: 281px; margin-left: 398px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #666666; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Process</div></div></div></foreignObject><text x="417" y="285" fill="#666666" font-family="Helvetica" font-size="12px" text-anchor="middle">Process</text></switch></g><rect x="417" y="121" width="120" height="60" rx="3" ry="3" fill="#808080" 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: 118px; height: 1px; padding-top: 151px; margin-left: 418px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; "><span style="font-size: 12px">Agent API</span></div></div></div></foreignObject><text x="477" y="156" fill="#FFFFFF" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">Agent API</text></switch></g><path d="M 414 151 L 397 151 L 397 231 L 410.63 231" fill="none" stroke="#4d4d4d" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="417" cy="151" rx="3" ry="3" fill="#4d4d4d" stroke="#4d4d4d" pointer-events="all"/><path d="M 415.88 231 L 408.88 234.5 L 410.63 231 L 408.88 227.5 Z" fill="#4d4d4d" stroke="#4d4d4d" stroke-miterlimit="10" pointer-events="all"/><path d="M 7 171 L 100.63 171" fill="none" stroke="#4d4d4d" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 105.88 171 L 98.88 174.5 L 100.63 171 L 98.88 167.5 Z" fill="#4d4d4d" stroke="#4d4d4d" stroke-miterlimit="10" pointer-events="all"/><rect x="7" y="151" width="50" 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: 48px; height: 1px; padding-top: 161px; margin-left: 8px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #666666; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Ingress</div></div></div></foreignObject><text x="32" y="165" fill="#666666" font-family="Helvetica" font-size="12px" text-anchor="middle">Ingress</text></switch></g><path d="M 230 231 L 247 231 L 247 86.03 L 233.37 86.01" fill="none" stroke="#4d4d4d" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="227" cy="231" rx="3" ry="3" fill="#4d4d4d" stroke="#4d4d4d" pointer-events="all"/><path d="M 228.12 86 L 235.12 82.51 L 233.37 86.01 L 235.11 89.51 Z" fill="#4d4d4d" stroke="#4d4d4d" stroke-miterlimit="10" pointer-events="all"/><path d="M 104 151 L 87 151 L 87 71 L 100.63 71" fill="none" stroke="#4d4d4d" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="107" cy="151" rx="3" ry="3" fill="#4d4d4d" stroke="#4d4d4d" pointer-events="all"/><path d="M 105.88 71 L 98.88 74.5 L 100.63 71 L 98.88 67.5 Z" fill="#4d4d4d" stroke="#4d4d4d" stroke-miterlimit="10" pointer-events="all"/><path d="M 540 71 L 557 71 L 557 151 L 543.37 151" fill="none" stroke="#4d4d4d" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="537" cy="71" rx="3" ry="3" fill="#4d4d4d" stroke="#4d4d4d" pointer-events="all"/><path d="M 538.12 151 L 545.12 147.5 L 543.37 151 L 545.12 154.5 Z" fill="#4d4d4d" stroke="#4d4d4d" stroke-miterlimit="10" pointer-events="all"/><path d="M 230 56 L 410.63 56" fill="none" stroke="#4d4d4d" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="227" cy="56" rx="3" ry="3" fill="#4d4d4d" stroke="#4d4d4d" pointer-events="all"/><path d="M 415.88 56 L 408.88 59.5 L 410.63 56 L 408.88 52.5 Z" fill="#4d4d4d" stroke="#4d4d4d" stroke-miterlimit="10" pointer-events="all"/><rect x="257" y="31" width="130" 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: 128px; height: 1px; padding-top: 41px; margin-left: 258px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #666666; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">request over tunnel</div></div></div></foreignObject><text x="322" y="45" fill="#666666" font-family="Helvetica" font-size="12px" text-anchor="middle">request over tunnel</text></switch></g><rect x="277" y="71" width="90" 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: 88px; height: 1px; padding-top: 81px; margin-left: 278px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #666666; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">create tunnel</div></div></div></foreignObject><text x="322" y="85" fill="#666666" font-family="Helvetica" font-size="12px" text-anchor="middle">create tunnel</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>