images/app_sequence.svg

<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than diagrams.net -->
<!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="654px" height="71px" viewBox="-0.5 -0.5 654 71" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2022-02-03T17:36:16.433Z&quot; agent=&quot;5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.99 Safari/537.36&quot; version=&quot;16.5.3&quot; etag=&quot;9N8qi_jrvNTV11D_diYG&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;1DUrjE0lwxp6BDqAOhGd&quot;&gt;7VrLdpswEP0aL+OjBwizbJy0XbSrLJouZZCBBiNXlmO7X18BkoFAfdzjRNqIjaXRjB4z13fEHGZ4uTl+EXSbf+cpK2cIpMcZfpghhAAh6qeWnFoJhGHQSjJRpFrWCZ6KP0wLgZbui5TtBoqS81IW26Ew4VXFEjmQUSH4Yai25uVw1S3N2EjwlNByLP1RpDJvpQtEOvlXVmS5WRmSuB1Z0eQlE3xf6fUqXrF2ZEPNNPqMu5ym/NAT4ccZXgrOZdvaHJesrP1qPNbaff7H6HnLglXyGgPUGrzScq9PrfclT8YN9Um2Wo0JyY5Tzqcrow7GW4DngymwML5hUpyUipkIRHPQf7QXDWxwpKc8dEEgEM0D2JnozeS9cGBtRTUKsvPCnTtUQ3tk2jt4wjukVAvcr7k6XN9N5Peem4G7XYPlT0oBou2xG1StTP82s6yMYF1jXsvEWy21y7Mi2Oz6irduQE3dnsSI38S+ATGrvQHU8CEvJHva0qQePah/vZLlcqO89wDrlYuyXPKSi8YWr9drlCRKvpOCv7DeSEpWJCRqJBM0LRRMhlbq0efQnADReW8TCOwjDV1EWhiBKdT0cBWgjwFSMPIsSxXX6C4XMucZr2j52Envk714bVxf+3YYiM7gG+dbrfKLSXnSHqN7yYfBYcdCPvfaP+up5qHuPRz1zE3nZDqVOuZzv9OzqrudWdMzdm9D1wLAcCgaQ4WFMABgCir3qA7UOfy11y4HXzmZ70WitUKdNqjImAnnRYjcYTSPg9sDHlpjjvg64giBp45bqAPiOSDW+IJYg09wHXywh88t8FHXxjkI4+5B1qAU2YLShhbVFHQ8av4bNRZgsfA3Eic3knh8Iwmt3EhiayllcV1KCXxKuSWlBCEZppTQWkoxBRob78X+emLlxdjV7QRCn4ec5KFonIcguAiS90pEcKrm+DHsgXwmssAeEAbO6AN7+nBCH+YKMOCPyzB5N/7wxVRHMZ+ophI7IbdXTsW+nGojZUTQWcognj7c0AeaSBl2ah8w8jF3E/PFOOaxnZAvrKWMyNcoLKQMHMfO6l2xpw8n9IGm3jIWVvgD2atxEn/ltMEfAXLFH8gXOR3xx8SVE9mpcpqlLfBH6KucNj7hWITO+MNXOd3wB5mgjw8pcqpu9813M9b7qB4//gU=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-fff2cc-1-ffffff-1-s-0"><stop offset="0%" style="stop-color: rgb(255, 242, 204); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 1;"/></linearGradient></defs><g><rect x="590.41" y="20" width="42" height="30" fill="url(#mx-gradient-fff2cc-1-ffffff-1-s-0)" stroke="#d6b656" 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: 40px; height: 1px; padding-top: 35px; margin-left: 591px;"><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;"><font style="font-size: 12px"><b>f10<br /></b>0ms<br style="font-size: 12px" /></font></div></div></div></foreignObject><text x="611" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">f10...</text></switch></g><path d="M 575.06 35 Q 575.06 35 582.17 35" fill="none" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 588.17 35 L 580.17 39 L 582.17 35 L 580.17 31 Z" fill="#b20000" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><rect x="533.06" y="20" width="42" height="30" fill="url(#mx-gradient-fff2cc-1-ffffff-1-s-0)" stroke="#d6b656" 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: 40px; height: 1px; padding-top: 35px; margin-left: 534px;"><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;"><font style="font-size: 12px"><b>f9<br /></b>500ms<br style="font-size: 12px" /></font></div></div></div></foreignObject><text x="554" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">f9...</text></switch></g><rect x="248.06" y="20" width="42" height="30" fill="url(#mx-gradient-fff2cc-1-ffffff-1-s-0)" stroke="#d6b656" 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: 40px; height: 1px; padding-top: 35px; margin-left: 249px;"><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;"><font style="font-size: 12px"><b>f4<br /></b>300ms<br style="font-size: 12px" /></font></div></div></div></foreignObject><text x="269" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">f4...</text></switch></g><rect x="20" y="20" width="42" height="30" fill="url(#mx-gradient-fff2cc-1-ffffff-1-s-0)" stroke="#d6b656" 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: 40px; height: 1px; padding-top: 35px; 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: none; white-space: normal; overflow-wrap: normal;"><font style="font-size: 12px"><b>main</b><br style="font-size: 12px" /></font></div></div></div></foreignObject><text x="41" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">main&#xa;</text></switch></g><path d="M 518.06 35 Q 518.06 35 524.82 35" fill="none" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 530.82 35 L 522.82 39 L 524.82 35 L 522.82 31 Z" fill="#b20000" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><rect x="476.06" y="20" width="42" height="30" fill="url(#mx-gradient-fff2cc-1-ffffff-1-s-0)" stroke="#d6b656" 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: 40px; height: 1px; padding-top: 35px; margin-left: 477px;"><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;"><font style="font-size: 12px"><b>f8<br /></b>400ms<br style="font-size: 12px" /></font></div></div></div></foreignObject><text x="497" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">f8...</text></switch></g><rect x="77.06" y="20" width="42" height="30" fill="url(#mx-gradient-fff2cc-1-ffffff-1-s-0)" stroke="#d6b656" 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: 40px; height: 1px; padding-top: 35px; margin-left: 78px;"><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;"><font style="font-size: 12px"><b>f1<br /></b>300ms<br style="font-size: 12px" /></font></div></div></div></foreignObject><text x="98" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">f1...</text></switch></g><path d="M 62 35 Q 62 35 68.82 35" fill="none" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 74.82 35 L 66.82 39 L 68.82 35 L 66.82 31 Z" fill="#b20000" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><rect x="134.06" y="20" width="42" height="30" fill="url(#mx-gradient-fff2cc-1-ffffff-1-s-0)" stroke="#d6b656" 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: 40px; height: 1px; padding-top: 35px; margin-left: 135px;"><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;"><font style="font-size: 12px"><b>f2<br /></b>400ms<br style="font-size: 12px" /></font></div></div></div></foreignObject><text x="155" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">f2...</text></switch></g><path d="M 119.06 35 Q 119.06 35 125.82 35" fill="none" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 131.82 35 L 123.82 39 L 125.82 35 L 123.82 31 Z" fill="#b20000" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 233.06 35 Q 233.06 35 239.82 35" fill="none" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 245.82 35 L 237.82 39 L 239.82 35 L 237.82 31 Z" fill="#b20000" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><rect x="191.06" y="20" width="42" height="30" fill="url(#mx-gradient-fff2cc-1-ffffff-1-s-0)" stroke="#d6b656" 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: 40px; height: 1px; padding-top: 35px; margin-left: 192px;"><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;"><font style="font-size: 12px"><b>f3<br /></b>500ms<br style="font-size: 12px" /></font></div></div></div></foreignObject><text x="212" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">f3...</text></switch></g><path d="M 176.06 35 Q 176.06 35 182.82 35" fill="none" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 188.82 35 L 180.82 39 L 182.82 35 L 180.82 31 Z" fill="#b20000" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 461.06 35 Q 461.06 35 467.82 35" fill="none" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 473.82 35 L 465.82 39 L 467.82 35 L 465.82 31 Z" fill="#b20000" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><rect x="419.06" y="20" width="42" height="30" fill="url(#mx-gradient-fff2cc-1-ffffff-1-s-0)" stroke="#d6b656" 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: 40px; height: 1px; padding-top: 35px; margin-left: 420px;"><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;"><font style="font-size: 12px"><b>f7<br /></b>300ms<br style="font-size: 12px" /></font></div></div></div></foreignObject><text x="440" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">f7...</text></switch></g><path d="M 404.06 35 Q 404.06 35 410.82 35" fill="none" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 416.82 35 L 408.82 39 L 410.82 35 L 408.82 31 Z" fill="#b20000" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><rect x="362.06" y="20" width="42" height="30" fill="url(#mx-gradient-fff2cc-1-ffffff-1-s-0)" stroke="#d6b656" 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: 40px; height: 1px; padding-top: 35px; margin-left: 363px;"><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;"><font style="font-size: 12px"><b>f6<br /></b>500ms<br style="font-size: 12px" /></font></div></div></div></foreignObject><text x="383" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">f6...</text></switch></g><path d="M 347.06 35 Q 347.06 35 353.82 35" fill="none" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 359.82 35 L 351.82 39 L 353.82 35 L 351.82 31 Z" fill="#b20000" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><rect x="305.06" y="20" width="42" height="30" fill="url(#mx-gradient-fff2cc-1-ffffff-1-s-0)" stroke="#d6b656" 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: 40px; height: 1px; padding-top: 35px; margin-left: 306px;"><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;"><font style="font-size: 12px"><b>f5<br /></b>400ms<br style="font-size: 12px" /></font></div></div></div></foreignObject><text x="326" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">f5...</text></switch></g><path d="M 290.06 35 Q 290.06 35 296.82 35" fill="none" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 302.82 35 L 294.82 39 L 296.82 35 L 294.82 31 Z" fill="#b20000" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/></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>