diagram.svg

<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than draw.io -->
<!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="820px" height="339px" viewBox="-0.5 -0.5 820 339" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2024-06-24T03:18:25.634Z&quot; agent=&quot;Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:127.0) Gecko/20100101 Firefox/127.0&quot; etag=&quot;29xzzwedlQbeTKsgnIwz&quot; version=&quot;24.6.1&quot; type=&quot;device&quot;&gt;&#xA;  &lt;diagram name=&quot;Page-1&quot; id=&quot;TRT5IpbqAXPCw0G03G71&quot;&gt;&#xA;    &lt;mxGraphModel dx=&quot;955&quot; dy=&quot;596&quot; grid=&quot;1&quot; gridSize=&quot;10&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;850&quot; pageHeight=&quot;1100&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#xA;      &lt;root&gt;&#xA;        &lt;mxCell id=&quot;0&quot; /&gt;&#xA;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#xA;        &lt;mxCell id=&quot;R4kUzRKFilaZvhezjIQ--13&quot; value=&quot;&quot; style=&quot;endArrow=classic;html=1;rounded=0;exitX=0;exitY=0.25;exitDx=0;exitDy=0;edgeStyle=orthogonalEdgeStyle;entryX=1;entryY=0.5;entryDx=0;entryDy=0;&quot; parent=&quot;1&quot; source=&quot;HhI4Gl9vcTpX5MYe9gBK-88&quot; target=&quot;HhI4Gl9vcTpX5MYe9gBK-15&quot; edge=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;540&quot; y=&quot;157.2499999999999&quot; as=&quot;sourcePoint&quot; /&gt;&#xA;            &lt;mxPoint x=&quot;550&quot; y=&quot;70&quot; as=&quot;targetPoint&quot; /&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-69&quot; value=&quot;Deploys&amp;lt;br&amp;gt;&amp;lt;i&amp;gt;frontman.yml&amp;lt;/i&amp;gt;&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=default;&quot; parent=&quot;R4kUzRKFilaZvhezjIQ--13&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;0.1648&quot; y=&quot;-1&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;15&quot; y=&quot;6&quot; as=&quot;offset&quot; /&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;R4kUzRKFilaZvhezjIQ--23&quot; value=&quot;&quot; style=&quot;endArrow=classic;html=1;rounded=0;fontColor=#009900;strokeColor=#009900;entryX=0;entryY=0.25;entryDx=0;entryDy=0;&quot; parent=&quot;1&quot; target=&quot;wrUoq20tdm6RKysHaYyo-4&quot; edge=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;80&quot; y=&quot;73&quot; as=&quot;sourcePoint&quot; /&gt;&#xA;            &lt;mxPoint x=&quot;367.97&quot; y=&quot;70&quot; as=&quot;targetPoint&quot; /&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;R4kUzRKFilaZvhezjIQ--24&quot; value=&quot;&amp;lt;div style=&amp;quot;&amp;quot;&amp;gt;&amp;lt;b&amp;gt;1. User opens installation instruction&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;&amp;quot;&amp;gt;&amp;lt;b&amp;gt;link (one-time action for user)&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;&amp;quot;&amp;gt;Static page (index.html) opens in browser&amp;lt;/div&amp;gt;&quot; style=&quot;edgeLabel;html=1;align=left;verticalAlign=middle;resizable=0;points=[];fontColor=#009900;labelBackgroundColor=none;&quot; parent=&quot;R4kUzRKFilaZvhezjIQ--23&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;-0.2415&quot; y=&quot;3&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;-84&quot; y=&quot;-20&quot; as=&quot;offset&quot; /&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;R4kUzRKFilaZvhezjIQ--25&quot; value=&quot;&quot; style=&quot;endArrow=classic;html=1;rounded=0;entryX=0;entryY=0.75;entryDx=0;entryDy=0;fontColor=#0000CC;strokeColor=#0000CC;&quot; parent=&quot;1&quot; target=&quot;wrUoq20tdm6RKysHaYyo-4&quot; edge=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;80&quot; y=&quot;118&quot; as=&quot;sourcePoint&quot; /&gt;&#xA;            &lt;mxPoint x=&quot;340&quot; y=&quot;145&quot; as=&quot;targetPoint&quot; /&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;R4kUzRKFilaZvhezjIQ--26&quot; value=&quot;&amp;lt;b&amp;gt;2. User clicks &amp;quot;Connect&amp;quot; in Outline&amp;lt;br&amp;gt;&amp;lt;/b&amp;gt;Outline fetches dynamic configuration&amp;lt;br&amp;gt;parameters (SIP008)&quot; style=&quot;edgeLabel;align=left;verticalAlign=middle;resizable=0;points=[];fontColor=#0000CC;labelBorderColor=none;html=1;labelBackgroundColor=none;&quot; parent=&quot;R4kUzRKFilaZvhezjIQ--25&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;-0.2415&quot; y=&quot;3&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;-84&quot; y=&quot;-18&quot; as=&quot;offset&quot; /&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;R4kUzRKFilaZvhezjIQ--30&quot; value=&quot;&quot; style=&quot;endArrow=classic;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontColor=#990000;strokeColor=#990000;&quot; parent=&quot;1&quot; target=&quot;wrUoq20tdm6RKysHaYyo-1&quot; edge=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;80&quot; y=&quot;240&quot; as=&quot;sourcePoint&quot; /&gt;&#xA;            &lt;mxPoint x=&quot;350&quot; y=&quot;220&quot; as=&quot;targetPoint&quot; /&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;R4kUzRKFilaZvhezjIQ--31&quot; value=&quot;&amp;lt;div style=&amp;quot;&amp;quot;&amp;gt;&amp;lt;b&amp;gt;3. Outline proxies all traffic&amp;amp;nbsp;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;&amp;quot;&amp;gt;Outline proxies all traffic via ShadowSocks&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;&amp;quot;&amp;gt;though one of proxy servers which&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;&amp;quot;&amp;gt;configuration is provided within&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;&amp;quot;&amp;gt;the previous (2) step&amp;lt;/div&amp;gt;&quot; style=&quot;edgeLabel;html=1;align=left;verticalAlign=middle;resizable=0;points=[];fontColor=#990000;labelBackgroundColor=none;&quot; parent=&quot;R4kUzRKFilaZvhezjIQ--30&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;-0.2415&quot; y=&quot;3&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;-84&quot; y=&quot;-35&quot; as=&quot;offset&quot; /&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-27&quot; value=&quot;proxy (instance 1..N)&quot; style=&quot;swimlane;fillColor=none;labelBackgroundColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;310&quot; y=&quot;190&quot; width=&quot;170&quot; height=&quot;150&quot; as=&quot;geometry&quot; /&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-28&quot; value=&quot;ShadowSocks&amp;lt;br&amp;gt;server&quot; style=&quot;whiteSpace=wrap;html=1;fillColor=none;&quot; parent=&quot;HhI4Gl9vcTpX5MYe9gBK-27&quot; vertex=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;80&quot; y=&quot;30&quot; width=&quot;80&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-30&quot; value=&quot;&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;labelBackgroundColor=none;&quot; parent=&quot;HhI4Gl9vcTpX5MYe9gBK-27&quot; source=&quot;HhI4Gl9vcTpX5MYe9gBK-29&quot; target=&quot;HhI4Gl9vcTpX5MYe9gBK-28&quot; edge=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-31&quot; value=&quot;collects metrics&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; parent=&quot;HhI4Gl9vcTpX5MYe9gBK-30&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;0.4&quot; y=&quot;1&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;1&quot; y=&quot;1&quot; as=&quot;offset&quot; /&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-29&quot; value=&quot;prometheus&quot; style=&quot;whiteSpace=wrap;html=1;fillColor=none;&quot; parent=&quot;HhI4Gl9vcTpX5MYe9gBK-27&quot; vertex=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;80&quot; y=&quot;96.8&quot; width=&quot;80&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;wrUoq20tdm6RKysHaYyo-2&quot; value=&quot;&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#990000;&quot; edge=&quot;1&quot; parent=&quot;HhI4Gl9vcTpX5MYe9gBK-27&quot; source=&quot;wrUoq20tdm6RKysHaYyo-1&quot; target=&quot;HhI4Gl9vcTpX5MYe9gBK-28&quot;&gt;&#xA;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;wrUoq20tdm6RKysHaYyo-1&quot; value=&quot;nginx&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;HhI4Gl9vcTpX5MYe9gBK-27&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;10&quot; y=&quot;30&quot; width=&quot;40&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-15&quot; value=&quot;frontman&quot; style=&quot;swimlane;strokeColor=default;swimlaneLine=1;fillColor=none;labelBackgroundColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;310&quot; y=&quot;20&quot; width=&quot;170&quot; height=&quot;130&quot; as=&quot;geometry&quot; /&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-16&quot; value=&quot;static html (instructions)&quot; style=&quot;whiteSpace=wrap;html=1;fillColor=none;&quot; parent=&quot;HhI4Gl9vcTpX5MYe9gBK-15&quot; vertex=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;80&quot; y=&quot;30&quot; width=&quot;80&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-17&quot; value=&quot;static json&amp;lt;br style=&amp;quot;border-color: var(--border-color);&amp;quot;&amp;gt;(SIP008)&quot; style=&quot;whiteSpace=wrap;html=1;fillColor=none;&quot; parent=&quot;HhI4Gl9vcTpX5MYe9gBK-15&quot; vertex=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;80&quot; y=&quot;81&quot; width=&quot;80&quot; height=&quot;39&quot; as=&quot;geometry&quot; /&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;wrUoq20tdm6RKysHaYyo-5&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.75;exitDx=0;exitDy=0;strokeColor=#0000CC;&quot; edge=&quot;1&quot; parent=&quot;HhI4Gl9vcTpX5MYe9gBK-15&quot;&gt;&#xA;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;50&quot; y=&quot;99.5&quot; as=&quot;sourcePoint&quot; /&gt;&#xA;            &lt;mxPoint x=&quot;80&quot; y=&quot;100&quot; as=&quot;targetPoint&quot; /&gt;&#xA;            &lt;Array as=&quot;points&quot;&gt;&#xA;              &lt;mxPoint x=&quot;80&quot; y=&quot;100&quot; /&gt;&#xA;            &lt;/Array&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;wrUoq20tdm6RKysHaYyo-7&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.25;exitDx=0;exitDy=0;strokeColor=#009900;entryX=0;entryY=0.5;entryDx=0;entryDy=0;&quot; edge=&quot;1&quot; parent=&quot;HhI4Gl9vcTpX5MYe9gBK-15&quot; target=&quot;HhI4Gl9vcTpX5MYe9gBK-16&quot;&gt;&#xA;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;50&quot; y=&quot;50.5&quot; as=&quot;sourcePoint&quot; /&gt;&#xA;            &lt;mxPoint x=&quot;30&quot; y=&quot;30&quot; as=&quot;targetPoint&quot; /&gt;&#xA;            &lt;Array as=&quot;points&quot;&gt;&#xA;              &lt;mxPoint x=&quot;80&quot; y=&quot;51&quot; /&gt;&#xA;            &lt;/Array&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;wrUoq20tdm6RKysHaYyo-4&quot; value=&quot;nginx&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;HhI4Gl9vcTpX5MYe9gBK-15&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;10&quot; y=&quot;30&quot; width=&quot;40&quot; height=&quot;90&quot; as=&quot;geometry&quot; /&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-35&quot; value=&quot;&quot; style=&quot;swimlane;strokeColor=default;swimlaneLine=0;fillColor=none;labelBackgroundColor=default;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;20&quot; y=&quot;20&quot; width=&quot;60&quot; height=&quot;320&quot; as=&quot;geometry&quot; /&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-40&quot; value=&quot;User&quot; style=&quot;shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;fillColor=none;&quot; parent=&quot;HhI4Gl9vcTpX5MYe9gBK-35&quot; vertex=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;15&quot; y=&quot;120&quot; width=&quot;30&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-52&quot; value=&quot;Sends metrics&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;jumpStyle=sharp;startArrow=blockThin;startFill=1;endArrow=none;endFill=0;exitX=0;exitY=0.5;exitDx=0;exitDy=0;labelBackgroundColor=default;&quot; parent=&quot;1&quot; source=&quot;HhI4Gl9vcTpX5MYe9gBK-90&quot; target=&quot;HhI4Gl9vcTpX5MYe9gBK-29&quot; edge=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;650.12048&quot; y=&quot;306.4287999999999&quot; as=&quot;sourcePoint&quot; /&gt;&#xA;            &lt;mxPoint x=&quot;647&quot; y=&quot;316.4000000000001&quot; as=&quot;targetPoint&quot; /&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-46&quot; value=&quot;&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;exitX=0;exitY=0.5;exitDx=0;exitDy=0;&quot; parent=&quot;1&quot; source=&quot;HhI4Gl9vcTpX5MYe9gBK-89&quot; target=&quot;HhI4Gl9vcTpX5MYe9gBK-88&quot; edge=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;660&quot; y=&quot;169&quot; as=&quot;sourcePoint&quot; /&gt;&#xA;            &lt;mxPoint x=&quot;593&quot; y=&quot;170.4999999999999&quot; as=&quot;targetPoint&quot; /&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-47&quot; value=&quot;CD&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; parent=&quot;HhI4Gl9vcTpX5MYe9gBK-46&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;-0.1707&quot; y=&quot;2&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;-3&quot; y=&quot;-2&quot; as=&quot;offset&quot; /&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-68&quot; value=&quot;&quot; style=&quot;endArrow=classic;html=1;rounded=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;exitX=0;exitY=0.75;exitDx=0;exitDy=0;edgeStyle=orthogonalEdgeStyle;&quot; parent=&quot;1&quot; source=&quot;HhI4Gl9vcTpX5MYe9gBK-88&quot; target=&quot;HhI4Gl9vcTpX5MYe9gBK-27&quot; edge=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;540&quot; y=&quot;183.75&quot; as=&quot;sourcePoint&quot; /&gt;&#xA;            &lt;mxPoint x=&quot;496&quot; y=&quot;95&quot; as=&quot;targetPoint&quot; /&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-70&quot; value=&quot;Deploys&amp;lt;br&amp;gt;&amp;lt;i&amp;gt;proxies.yml&amp;lt;/i&amp;gt;&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=default;&quot; parent=&quot;HhI4Gl9vcTpX5MYe9gBK-68&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;-0.0399&quot; y=&quot;1&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;16&quot; y=&quot;11&quot; as=&quot;offset&quot; /&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-76&quot; value=&quot;Admin&quot; style=&quot;shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;796&quot; y=&quot;276.8&quot; width=&quot;30&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-81&quot; value=&quot;&quot; style=&quot;endArrow=classic;html=1;rounded=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;&quot; parent=&quot;1&quot; source=&quot;HhI4Gl9vcTpX5MYe9gBK-76&quot; target=&quot;HhI4Gl9vcTpX5MYe9gBK-90&quot; edge=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;421&quot; y=&quot;320&quot; as=&quot;sourcePoint&quot; /&gt;&#xA;            &lt;mxPoint x=&quot;710.8964000000001&quot; y=&quot;306.79999999999984&quot; as=&quot;targetPoint&quot; /&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-82&quot; value=&quot;Monitors&amp;lt;br&amp;gt;usage&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; parent=&quot;HhI4Gl9vcTpX5MYe9gBK-81&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;0.292&quot; y=&quot;2&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;12&quot; y=&quot;-2&quot; as=&quot;offset&quot; /&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-85&quot; value=&quot;Developer&quot; style=&quot;shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;796&quot; y=&quot;139&quot; width=&quot;30&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-86&quot; value=&quot;&quot; style=&quot;endArrow=classic;html=1;rounded=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;&quot; parent=&quot;1&quot; source=&quot;HhI4Gl9vcTpX5MYe9gBK-85&quot; target=&quot;HhI4Gl9vcTpX5MYe9gBK-89&quot; edge=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;421&quot; y=&quot;70&quot; as=&quot;sourcePoint&quot; /&gt;&#xA;            &lt;mxPoint x=&quot;710&quot; y=&quot;169&quot; as=&quot;targetPoint&quot; /&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-87&quot; value=&quot;Pushes&amp;lt;br&amp;gt;to master&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; parent=&quot;HhI4Gl9vcTpX5MYe9gBK-86&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;0.292&quot; y=&quot;2&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#xA;            &lt;mxPoint x=&quot;12&quot; y=&quot;-2&quot; as=&quot;offset&quot; /&gt;&#xA;          &lt;/mxGeometry&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-88&quot; value=&quot;GitHub Actions&amp;lt;br&amp;gt;runner&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;525&quot; y=&quot;149&quot; width=&quot;90&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-89&quot; value=&quot;GitHub&amp;lt;br&amp;gt;repository&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;655&quot; y=&quot;150&quot; width=&quot;70&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#xA;        &lt;/mxCell&gt;&#xA;        &lt;mxCell id=&quot;HhI4Gl9vcTpX5MYe9gBK-90&quot; value=&quot;Grafana Cloud&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#xA;          &lt;mxGeometry x=&quot;600&quot; y=&quot;286.8&quot; width=&quot;90&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#xA;        &lt;/mxCell&gt;&#xA;      &lt;/root&gt;&#xA;    &lt;/mxGraphModel&gt;&#xA;  &lt;/diagram&gt;&#xA;&lt;/mxfile&gt;&#xA;"><defs/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="R4kUzRKFilaZvhezjIQ--13"><g><path d="M 505 139 L 482.54 139 L 482.54 65 L 466.37 65" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 461.12 65 L 468.12 61.5 L 466.37 65 L 468.12 68.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-69"><g><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: 99px; margin-left: 499px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); "><div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">Deploys<br /><i>frontman.yml</i></div></div></div></foreignObject><text x="499" y="102" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">Deploys...</text></switch></g></g></g></g><g data-cell-id="R4kUzRKFilaZvhezjIQ--23"><g><path d="M 60 53 L 293.63 52.51" fill="none" stroke="#009900" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 298.88 52.5 L 291.89 56.02 L 293.63 52.51 L 291.87 49.02 Z" fill="#009900" stroke="#009900" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="R4kUzRKFilaZvhezjIQ--24"><g><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 flex-start; width: 1px; height: 1px; padding-top: 30px; margin-left: 69px;"><div style="box-sizing: border-box; font-size: 0px; text-align: left;" data-drawio-colors="color: #009900; "><div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: rgb(0, 153, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;"><div style=""><b>1. User opens installation instruction</b></div><div style=""><b>link (one-time action for user)</b></div><div style="">Static page (index.html) opens in browser</div></div></div></div></foreignObject><text x="69" y="33" fill="#009900" font-family="&quot;Helvetica&quot;" font-size="11px">1. User opens installation instruction...</text></switch></g></g></g></g><g data-cell-id="R4kUzRKFilaZvhezjIQ--25"><g><path d="M 60 98 L 293.63 97.51" fill="none" stroke="#0000cc" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 298.88 97.5 L 291.89 101.02 L 293.63 97.51 L 291.87 94.02 Z" fill="#0000cc" stroke="#0000cc" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="R4kUzRKFilaZvhezjIQ--26"><g><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 flex-start; width: 1px; height: 1px; padding-top: 77px; margin-left: 69px;"><div style="box-sizing: border-box; font-size: 0px; text-align: left;" data-drawio-colors="color: #0000CC; "><div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 204); line-height: 1.2; pointer-events: all; white-space: nowrap;"><b>2. User clicks "Connect" in Outline<br /></b>Outline fetches dynamic configuration<br />parameters (SIP008)</div></div></div></foreignObject><text x="69" y="80" fill="#0000CC" font-family="&quot;Helvetica&quot;" font-size="11px">2. User clicks "Connect" in Outline...</text></switch></g></g></g></g><g data-cell-id="R4kUzRKFilaZvhezjIQ--30"><g><path d="M 60 220 L 293.63 220" fill="none" stroke="#990000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 298.88 220 L 291.88 223.5 L 293.63 220 L 291.88 216.5 Z" fill="#990000" stroke="#990000" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="R4kUzRKFilaZvhezjIQ--31"><g><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 flex-start; width: 1px; height: 1px; padding-top: 182px; margin-left: 69px;"><div style="box-sizing: border-box; font-size: 0px; text-align: left;" data-drawio-colors="color: #990000; "><div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: rgb(153, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;"><div style=""><b>3. Outline proxies all traffic </b></div><div style="">Outline proxies all traffic via ShadowSocks</div><div style="">though one of proxy servers which</div><div style="">configuration is provided within</div><div style="">the previous (2) step</div></div></div></div></foreignObject><text x="69" y="186" fill="#990000" font-family="&quot;Helvetica&quot;" font-size="11px">3. Outline proxies all traffic...</text></switch></g></g></g></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-27"><g><path d="M 290 193 L 290 170 L 460 170 L 460 193" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 290 193 L 290 320 L 460 320 L 460 193" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 290 193 L 460 193" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/></g><g><g fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-weight="bold" text-anchor="middle" font-size="12px"><text x="374.5" y="186">proxy (instance 1..N)</text></g></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-28"><g><rect x="370" y="200" width="80" height="40" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><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: 371px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">ShadowSocks<br />server</div></div></div></foreignObject><text x="410" y="224" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">ShadowSocks...</text></switch></g></g></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-30"><g><path d="M 410 266.8 L 410 246.77 L 410 260 L 410 246.37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 410 241.12 L 413.5 248.12 L 410 246.37 L 406.5 248.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-31"><g><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: 258px; margin-left: 410px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); "><div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">collects metrics</div></div></div></foreignObject><text x="410" y="261" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">collects metrics</text></switch></g></g></g></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-29"><g><rect x="370" y="266.8" width="80" height="40" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><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: 287px; margin-left: 371px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">prometheus</div></div></div></foreignObject><text x="410" y="290" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">prometheus</text></switch></g></g></g><g data-cell-id="wrUoq20tdm6RKysHaYyo-2"><g><path d="M 340 220 L 360 220 L 350 220 L 363.63 220" fill="none" stroke="#990000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 368.88 220 L 361.88 223.5 L 363.63 220 L 361.88 216.5 Z" fill="#990000" stroke="#990000" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="wrUoq20tdm6RKysHaYyo-1"><g><rect x="300" y="200" width="40" height="40" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><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: 220px; margin-left: 301px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">nginx</div></div></div></foreignObject><text x="320" y="224" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">nginx</text></switch></g></g></g></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-15"><g><path d="M 290 23 L 290 0 L 460 0 L 460 23" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 290 23 L 290 130 L 460 130 L 460 23" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 290 23 L 460 23" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/></g><g><g fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-weight="bold" text-anchor="middle" font-size="12px"><text x="374.5" y="16">frontman</text></g></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-16"><g><rect x="370" y="30" width="80" height="40" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><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: 50px; margin-left: 371px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">static html (instructions)</div></div></div></foreignObject><text x="410" y="54" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">static html (...</text></switch></g></g></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-17"><g><rect x="370" y="81" width="80" height="39" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><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: 101px; margin-left: 371px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">static json<br style="border-color: var(--border-color);" />(SIP008)</div></div></div></foreignObject><text x="410" y="104" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">static json...</text></switch></g></g></g><g data-cell-id="wrUoq20tdm6RKysHaYyo-5"><g><path d="M 340 99.5 L 363.63 99.89" fill="none" stroke="#0000cc" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 368.88 99.98 L 361.82 103.36 L 363.63 99.89 L 361.94 96.37 Z" fill="#0000cc" stroke="#0000cc" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="wrUoq20tdm6RKysHaYyo-7"><g><path d="M 340 50.5 L 363.63 50.11" fill="none" stroke="#009900" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 368.88 50.02 L 361.94 53.63 L 363.63 50.11 L 361.82 46.64 Z" fill="#009900" stroke="#009900" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="wrUoq20tdm6RKysHaYyo-4"><g><rect x="300" y="30" width="40" height="90" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><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: 75px; margin-left: 301px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">nginx</div></div></div></foreignObject><text x="320" y="79" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">nginx</text></switch></g></g></g></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-35"><g><path d="M 0 23 L 0 0 L 60 0 L 60 23" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 23 L 0 320 L 60 320 L 60 23" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-40"><g><ellipse cx="30" cy="127.5" rx="7.5" ry="7.5" fill="transparent" stroke="rgb(0, 0, 0)" pointer-events="all"/><path d="M 30 135 L 30 160 M 30 140 L 15 140 M 30 140 L 45 140 M 30 160 L 15 180 M 30 160 L 45 180" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g><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 flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 187px; margin-left: 30px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">User</div></div></div></foreignObject><text x="30" y="199" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">User</text></switch></g></g></g></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-52"><g><path d="M 571.88 286.8 L 450 286.8" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 578.88 286.8 L 571.88 289.13 L 571.88 284.47 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g><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: 287px; margin-left: 515px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); "><div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">Sends metrics</div></div></div></foreignObject><text x="515" y="290" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">Sends metrics</text></switch></g></g></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-46"><g><path d="M 635 150 L 615 150 L 601.36 149.32" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 596.12 149.06 L 603.28 145.91 L 601.36 149.32 L 602.93 152.9 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-47"><g><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: 150px; margin-left: 615px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); "><div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">CD</div></div></div></foreignObject><text x="615" y="154" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">CD</text></switch></g></g></g></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-68"><g><path d="M 505 159 L 482.54 159 L 482.54 245 L 466.37 245" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 461.12 245 L 468.12 241.5 L 466.37 245 L 468.12 248.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-70"><g><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: 211px; margin-left: 500px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); "><div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">Deploys<br /><i>proxies.yml</i></div></div></div></foreignObject><text x="500" y="214" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">Deploys...</text></switch></g></g></g></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-76"><g><ellipse cx="791" cy="264.3" rx="7.5" ry="7.5" fill="transparent" stroke="rgb(0, 0, 0)" pointer-events="all"/><path d="M 791 271.8 L 791 296.8 M 791 276.8 L 776 276.8 M 791 276.8 L 806 276.8 M 791 296.8 L 776 316.8 M 791 296.8 L 806 316.8" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g><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 flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 324px; margin-left: 791px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Admin</div></div></div></foreignObject><text x="791" y="336" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Admin</text></switch></g></g></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-81"><g><path d="M 776 286.8 L 676.37 286.8" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 671.12 286.8 L 678.12 283.3 L 676.37 286.8 L 678.12 290.3 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-82"><g><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: 287px; margin-left: 720px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); "><div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">Monitors<br />usage</div></div></div></foreignObject><text x="720" y="290" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">Monitors...</text></switch></g></g></g></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-85"><g><ellipse cx="791" cy="126.5" rx="7.5" ry="7.5" fill="transparent" stroke="rgb(0, 0, 0)" pointer-events="all"/><path d="M 791 134 L 791 159 M 791 139 L 776 139 M 791 139 L 806 139 M 791 159 L 776 179 M 791 159 L 806 179" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g><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 flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 186px; margin-left: 791px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Developer</div></div></div></foreignObject><text x="791" y="198" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Devel...</text></switch></g></g></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-86"><g><path d="M 776 149.17 L 711.37 149.93" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 706.12 149.99 L 713.08 146.41 L 711.37 149.93 L 713.16 153.41 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-87"><g><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: 150px; margin-left: 742px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); "><div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">Pushes<br />to master</div></div></div></foreignObject><text x="742" y="153" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">Pushes...</text></switch></g></g></g></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-88"><g><rect x="505" y="129" width="90" height="40" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><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: 149px; margin-left: 506px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">GitHub Actions<br />runner</div></div></div></foreignObject><text x="550" y="153" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">GitHub Actions...</text></switch></g></g></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-89"><g><rect x="635" y="130" width="70" height="40" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><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: 68px; height: 1px; padding-top: 150px; margin-left: 636px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">GitHub<br />repository</div></div></div></foreignObject><text x="670" y="154" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">GitHub...</text></switch></g></g></g><g data-cell-id="HhI4Gl9vcTpX5MYe9gBK-90"><g><rect x="580" y="266.8" width="90" height="40" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><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: 287px; margin-left: 581px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Grafana Cloud</div></div></div></foreignObject><text x="625" y="290" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Grafana Cloud</text></switch></g></g></g></g></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/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>