docs/static/img/diagrams/porto_container_interactions.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="1107px" height="1209px" viewBox="-0.5 -0.5 1107 1209" class="ge-export-svg-dark" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2024-05-05T12:07:38.726Z&quot; agent=&quot;Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36&quot; etag=&quot;k9L7DfJAvGY40G6h8Ccd&quot; version=&quot;24.3.1&quot; type=&quot;google&quot; scale=&quot;1&quot; border=&quot;0&quot;&gt;&#10;  &lt;diagram id=&quot;C5RBs43oDa-KdzZeNtuy&quot; name=&quot;Page-1&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;2738&quot; dy=&quot;1269&quot; grid=&quot;0&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;827&quot; pageHeight=&quot;1169&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;WIyWlLk6GJQsqaUBKTNV-0&quot; /&gt;&#10;        &lt;mxCell id=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-0&quot; /&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-5&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-0&quot; target=&quot;kmdTnXwXE4ifCvStnEXb-7&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;-158&quot; y=&quot;889&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-0&quot; value=&quot;Web &amp;lt;br&amp;gt;Route&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#b1ddf0;strokeColor=#10739e;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-198&quot; y=&quot;709&quot; width=&quot;80&quot; height=&quot;80&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-11&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-1&quot; target=&quot;kmdTnXwXE4ifCvStnEXb-10&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-1&quot; value=&quot;CLI &amp;lt;br&amp;gt;Command&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#b1ddf0;strokeColor=#10739e;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;122&quot; y=&quot;709&quot; width=&quot;80&quot; height=&quot;80&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-9&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-2&quot; target=&quot;kmdTnXwXE4ifCvStnEXb-8&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-2&quot; value=&quot;API &amp;lt;br&amp;gt;Route&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#b1ddf0;strokeColor=#10739e;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-378&quot; y=&quot;708.2&quot; width=&quot;80&quot; height=&quot;80&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-23&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-7&quot; target=&quot;kmdTnXwXE4ifCvStnEXb-21&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-31&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.75;entryY=0;entryDx=0;entryDy=0;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-7&quot; target=&quot;kmdTnXwXE4ifCvStnEXb-25&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;-158&quot; y=&quot;1009&quot; /&gt;&#10;              &lt;mxPoint x=&quot;-218&quot; y=&quot;1009&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-7&quot; value=&quot;Web &amp;lt;br&amp;gt;Controller&quot; style=&quot;shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;fillColor=#dae8fc;strokeColor=#6c8ebf;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-218&quot; y=&quot;889&quot; width=&quot;120&quot; height=&quot;80&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-24&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-8&quot; target=&quot;kmdTnXwXE4ifCvStnEXb-22&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-30&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.25;entryY=0;entryDx=0;entryDy=0;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-8&quot; target=&quot;kmdTnXwXE4ifCvStnEXb-25&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;-338&quot; y=&quot;1009&quot; /&gt;&#10;              &lt;mxPoint x=&quot;-278&quot; y=&quot;1009&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-8&quot; value=&quot;API &amp;lt;br&amp;gt;Controller&quot; style=&quot;shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;fillColor=#dae8fc;strokeColor=#6c8ebf;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-398&quot; y=&quot;888.2&quot; width=&quot;120&quot; height=&quot;80&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-32&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.25;entryY=0;entryDx=0;entryDy=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-10&quot; target=&quot;kmdTnXwXE4ifCvStnEXb-26&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;162&quot; y=&quot;1009&quot; /&gt;&#10;              &lt;mxPoint x=&quot;293&quot; y=&quot;1009&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-10&quot; value=&quot;Command&amp;amp;nbsp;&amp;lt;br&amp;gt;Handler&quot; style=&quot;shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;fillColor=#dae8fc;strokeColor=#6c8ebf;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;102&quot; y=&quot;889&quot; width=&quot;120&quot; height=&quot;80&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-12&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-8&quot; target=&quot;kmdTnXwXE4ifCvStnEXb-8&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-17&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-13&quot; target=&quot;kmdTnXwXE4ifCvStnEXb-16&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-13&quot; value=&quot;Event &amp;lt;br&amp;gt;Subscriber&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#b1ddf0;strokeColor=#10739e;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;282&quot; y=&quot;708.2&quot; width=&quot;80&quot; height=&quot;80&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-19&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-14&quot; target=&quot;kmdTnXwXE4ifCvStnEXb-18&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-14&quot; value=&quot;Cron &amp;lt;br&amp;gt;Job&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#b1ddf0;strokeColor=#10739e;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;442&quot; y=&quot;708.2&quot; width=&quot;80&quot; height=&quot;80&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-29&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-16&quot; target=&quot;kmdTnXwXE4ifCvStnEXb-26&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-16&quot; value=&quot;Event&amp;amp;nbsp;&amp;lt;br&amp;gt;Handler&quot; style=&quot;shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;fillColor=#dae8fc;strokeColor=#6c8ebf;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;262&quot; y=&quot;889&quot; width=&quot;120&quot; height=&quot;80&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-33&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.75;entryY=0;entryDx=0;entryDy=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-18&quot; target=&quot;kmdTnXwXE4ifCvStnEXb-26&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;482&quot; y=&quot;1009&quot; /&gt;&#10;              &lt;mxPoint x=&quot;353&quot; y=&quot;1009&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-18&quot; value=&quot;Job&amp;amp;nbsp;&amp;lt;br&amp;gt;Handler&quot; style=&quot;shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;fillColor=#dae8fc;strokeColor=#6c8ebf;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;422&quot; y=&quot;888.2&quot; width=&quot;120&quot; height=&quot;80&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-20&quot; value=&quot;Middleware&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;dashed=1;dashPattern=8 8;fillColor=#bac8d3;strokeColor=#23445d;strokeWidth=1;opacity=50;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-398&quot; y=&quot;819&quot; width=&quot;300&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-21&quot; value=&quot;&amp;lt;span style=&amp;quot;font-size: 12px;&amp;quot;&amp;gt;View&amp;amp;nbsp;&amp;lt;br&amp;gt;Template&amp;lt;/span&amp;gt;&quot; style=&quot;shape=step;perimeter=stepPerimeter;whiteSpace=wrap;html=1;fixedSize=1;fillColor=#b0e3e6;strokeColor=#0e8088;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-58&quot; y=&quot;888.2&quot; width=&quot;120&quot; height=&quot;80&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-22&quot; value=&quot;Data&amp;lt;br&amp;gt;Transformer&quot; style=&quot;shape=step;perimeter=stepPerimeter;whiteSpace=wrap;html=1;fixedSize=1;direction=west;fillColor=#b0e3e6;strokeColor=#0e8088;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-558&quot; y=&quot;889&quot; width=&quot;120&quot; height=&quot;80&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-36&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.75;exitY=1;exitDx=0;exitDy=0;entryX=0.25;entryY=0;entryDx=0;entryDy=0;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-25&quot; target=&quot;kmdTnXwXE4ifCvStnEXb-35&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-41&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;exitX=0.25;exitY=1;exitDx=0;exitDy=0;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-25&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;-278&quot; y=&quot;1366&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-25&quot; value=&quot;Action 1&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#FAADA5;strokeColor=#853226;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-308&quot; y=&quot;1116&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-43&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.75;exitY=1;exitDx=0;exitDy=0;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-26&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;352&quot; y=&quot;1366&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-44&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.25;exitY=1;exitDx=0;exitDy=0;entryX=0.75;entryY=0;entryDx=0;entryDy=0;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-26&quot; target=&quot;kmdTnXwXE4ifCvStnEXb-35&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-26&quot; value=&quot;Action 2&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#FAADA5;strokeColor=#853226;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;263&quot; y=&quot;1116&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-42&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.75;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-35&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;162&quot; y=&quot;1366&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-46&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.25;exitY=1;exitDx=0;exitDy=0;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-35&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;-78&quot; y=&quot;1366&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-35&quot; value=&quot;Sub-Action 1&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#FAADA5;strokeColor=#853226;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-18&quot; y=&quot;1237&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-85&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;-278&quot; y=&quot;1426&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;-278&quot; y=&quot;1685&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-72&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;entryPerimeter=0;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; target=&quot;kmdTnXwXE4ifCvStnEXb-68&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;162&quot; y=&quot;1426&quot; as=&quot;sourcePoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-83&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;352&quot; y=&quot;1426&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;352&quot; y=&quot;1685&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-71&quot; value=&quot;&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#e65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; target=&quot;kmdTnXwXE4ifCvStnEXb-79&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;-78&quot; y=&quot;1426&quot; as=&quot;sourcePoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-68&quot; value=&quot;Data&amp;lt;br&amp;gt;Model 2&quot; style=&quot;shape=cylinder3;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;size=15;fillColor=#e1d5e7;strokeColor=#9673a6;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;120&quot; y=&quot;1542&quot; width=&quot;84&quot; height=&quot;98&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;ogS0F5TBeiD459q4ZDsZ-3&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#E65200;&quot; edge=&quot;1&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; source=&quot;kmdTnXwXE4ifCvStnEXb-70&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;42&quot; y=&quot;1688&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-70&quot; value=&quot;Repository&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;dashed=1;dashPattern=8 8;fillColor=#bac8d3;strokeColor=#23445d;strokeWidth=1;opacity=50;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-128&quot; y=&quot;1469&quot; width=&quot;340&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-79&quot; value=&quot;Data&amp;lt;br&amp;gt;Model 1&quot; style=&quot;shape=cylinder3;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;size=15;fillColor=#e1d5e7;strokeColor=#9673a6;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-120&quot; y=&quot;1542&quot; width=&quot;84&quot; height=&quot;98&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-92&quot; value=&quot;&quot; style=&quot;shape=partialRectangle;whiteSpace=wrap;html=1;bottom=1;right=1;left=1;top=0;fillColor=none;routingCenterX=-0.5;direction=west;strokeColor=#D5A6FF;dashed=1;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-378&quot; y=&quot;627&quot; width=&quot;260&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-93&quot; value=&quot;External Input Handlers&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontStyle=1;fontSize=20;fontColor=#E65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-355&quot; y=&quot;584&quot; width=&quot;227&quot; height=&quot;36&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-94&quot; value=&quot;&quot; style=&quot;shape=partialRectangle;whiteSpace=wrap;html=1;bottom=1;right=1;left=1;top=0;fillColor=none;routingCenterX=-0.5;direction=west;strokeColor=#D5A6FF;dashed=1;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;122&quot; y=&quot;627&quot; width=&quot;400&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-95&quot; value=&quot;Internal Input Triggers&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontStyle=1;fontSize=20;fontColor=#E65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;216&quot; y=&quot;584&quot; width=&quot;213&quot; height=&quot;36&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-96&quot; value=&quot;Data Transfer Object&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;dashed=1;dashPattern=8 8;fillColor=#bac8d3;strokeColor=#23445d;strokeWidth=1;opacity=50;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-338&quot; y=&quot;1045&quot; width=&quot;180&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kmdTnXwXE4ifCvStnEXb-99&quot; value=&quot;Data Transfer Object&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;dashed=1;dashPattern=8 8;fillColor=#bac8d3;strokeColor=#23445d;strokeWidth=1;opacity=50;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;233&quot; y=&quot;1045&quot; width=&quot;180&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;De5S_Ln3m--Yi43IldAU-1&quot; value=&quot;&quot; style=&quot;endArrow=none;dashed=1;html=1;strokeWidth=1;rounded=0;strokeColor=#D5A6FF;curved=0;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;-445&quot; y=&quot;992&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;545&quot; y=&quot;992&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;De5S_Ln3m--Yi43IldAU-6&quot; value=&quot;&quot; style=&quot;shape=partialRectangle;whiteSpace=wrap;html=1;bottom=1;right=1;left=1;top=0;fillColor=none;routingCenterX=-0.5;direction=south;strokeColor=#D5A6FF;dashed=1;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-508&quot; y=&quot;992&quot; width=&quot;60&quot; height=&quot;660&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;De5S_Ln3m--Yi43IldAU-8&quot; value=&quot;Business Logic&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontStyle=1;rotation=270;fontSize=20;fontColor=#E65200;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-618&quot; y=&quot;1308.5&quot; width=&quot;153&quot; height=&quot;36&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;De5S_Ln3m--Yi43IldAU-10&quot; value=&quot;&quot; style=&quot;endArrow=none;dashed=1;html=1;strokeWidth=1;rounded=0;strokeColor=#D5A6FF;curved=0;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;-445&quot; y=&quot;1652&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;545&quot; y=&quot;1652&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;De5S_Ln3m--Yi43IldAU-18&quot; value=&quot;&amp;lt;span style=&amp;quot;font-weight: 400;&amp;quot;&amp;gt;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot; color=&amp;quot;#d5a6ff&amp;quot;&amp;gt;Porto (Software Architectural Pattern)&amp;lt;/font&amp;gt;&amp;lt;/span&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontStyle=1;fontSize=15;&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-513&quot; y=&quot;1623&quot; width=&quot;140&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;ogS0F5TBeiD459q4ZDsZ-9&quot; value=&quot;API&amp;lt;br&amp;gt;Client&quot; style=&quot;shape=step;perimeter=stepPerimeter;whiteSpace=wrap;html=1;fixedSize=1;direction=south;fillColor=#b0e3e6;strokeColor=#0e8088;&quot; vertex=&quot;1&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-318&quot; y=&quot;1669&quot; width=&quot;80&quot; height=&quot;120&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;ogS0F5TBeiD459q4ZDsZ-10&quot; value=&quot;DB&amp;lt;br&amp;gt;Client&quot; style=&quot;shape=step;perimeter=stepPerimeter;whiteSpace=wrap;html=1;fixedSize=1;direction=south;fillColor=#b0e3e6;strokeColor=#0e8088;&quot; vertex=&quot;1&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;2&quot; y=&quot;1672&quot; width=&quot;80&quot; height=&quot;120&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;ogS0F5TBeiD459q4ZDsZ-11&quot; value=&quot;Events&amp;lt;br&amp;gt;Client&quot; style=&quot;shape=step;perimeter=stepPerimeter;whiteSpace=wrap;html=1;fixedSize=1;direction=south;fillColor=#b0e3e6;strokeColor=#0e8088;&quot; vertex=&quot;1&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;312&quot; y=&quot;1669&quot; width=&quot;80&quot; height=&quot;120&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;ogS0F5TBeiD459q4ZDsZ-12&quot; value=&quot;Task 1&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;fillColor=#FAADA5;strokeColor=#b85450;&quot; vertex=&quot;1&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-322&quot; y=&quot;1366&quot; width=&quot;88&quot; height=&quot;58.66&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;ogS0F5TBeiD459q4ZDsZ-16&quot; value=&quot;Task 2&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;fillColor=#FAADA5;strokeColor=#b85450;&quot; vertex=&quot;1&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-122&quot; y=&quot;1366&quot; width=&quot;88&quot; height=&quot;58.66&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;ogS0F5TBeiD459q4ZDsZ-17&quot; value=&quot;Task 3&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;fillColor=#FAADA5;strokeColor=#b85450;&quot; vertex=&quot;1&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;118&quot; y=&quot;1366&quot; width=&quot;88&quot; height=&quot;58.66&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;ogS0F5TBeiD459q4ZDsZ-18&quot; value=&quot;Task 4&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;fillColor=#FAADA5;strokeColor=#b85450;&quot; vertex=&quot;1&quot; parent=&quot;WIyWlLk6GJQsqaUBKTNV-1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;308&quot; y=&quot;1366&quot; width=&quot;88&quot; height=&quot;58.66&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;&lt;/mxfile&gt;&#10;"><defs><style type="text/css">svg.ge-export-svg-dark { filter: invert(100%) hue-rotate(180deg); }&#xa;svg.ge-export-svg-dark foreignObject img,&#xa;svg.ge-export-svg-dark image:not(svg.ge-export-svg-dark switch image),&#xa;svg.ge-export-svg-dark svg { filter: invert(100%) hue-rotate(180deg) }</style></defs><g><g><path d="M 401 205 L 401 298.63" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 401 303.88 L 397.5 296.88 L 401 298.63 L 404.5 296.88 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><ellipse cx="401" cy="165" rx="40" ry="40" fill="#b1ddf0" stroke="#10739e" pointer-events="all"/></g><g><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: 78px; height: 1px; padding-top: 165px; margin-left: 362px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Web <br />Route</div></div></div></foreignObject><text x="401" y="169" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Web...</text></switch></g></g><g><path d="M 721 205 L 721 298.63" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 721 303.88 L 717.5 296.88 L 721 298.63 L 724.5 296.88 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><ellipse cx="721" cy="165" rx="40" ry="40" fill="#b1ddf0" stroke="#10739e" pointer-events="all"/></g><g><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: 78px; height: 1px; padding-top: 165px; margin-left: 682px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">CLI <br />Command</div></div></div></foreignObject><text x="721" y="169" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">CLI...</text></switch></g></g><g><path d="M 221 204.2 L 221 297.83" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 221 303.08 L 217.5 296.08 L 221 297.83 L 224.5 296.08 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><ellipse cx="221" cy="164.2" rx="40" ry="40" fill="#b1ddf0" stroke="#10739e" pointer-events="all"/></g><g><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: 78px; height: 1px; padding-top: 164px; margin-left: 182px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">API <br />Route</div></div></div></foreignObject><text x="221" y="168" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">API...</text></switch></g></g><g><path d="M 461 345 L 481 345 L 514.63 344.33" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 519.88 344.22 L 512.95 347.86 L 514.63 344.33 L 512.81 340.86 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><path d="M 401 385 L 401 425 L 341 425 L 341 525.63" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 341 530.88 L 337.5 523.88 L 341 525.63 L 344.5 523.88 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><path d="M 361 305 L 441 305 L 461 345 L 441 385 L 361 385 L 341 345 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/></g><g><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: 118px; height: 1px; padding-top: 345px; margin-left: 342px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Web <br />Controller</div></div></div></foreignObject><text x="401" y="349" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Web...</text></switch></g></g><g><path d="M 161 344.2 L 141 344.23 L 107.37 344.88" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 102.12 344.98 L 109.05 341.34 L 107.37 344.88 L 109.18 348.34 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><path d="M 221 384.2 L 221 425 L 281 425 L 281 525.63" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 281 530.88 L 277.5 523.88 L 281 525.63 L 284.5 523.88 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><path d="M 181 304.2 L 261 304.2 L 281 344.2 L 261 384.2 L 181 384.2 L 161 344.2 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/></g><g><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: 118px; height: 1px; padding-top: 344px; margin-left: 162px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">API <br />Controller</div></div></div></foreignObject><text x="221" y="348" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">API...</text></switch></g></g><g><path d="M 721 385 L 721 425 L 852.08 425 L 852 525.63" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 852 530.88 L 848.51 523.88 L 852 525.63 L 855.51 523.88 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><path d="M 681 305 L 761 305 L 781 345 L 761 385 L 681 385 L 661 345 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/></g><g><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: 118px; height: 1px; padding-top: 345px; margin-left: 662px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Command <br />Handler</div></div></div></foreignObject><text x="721" y="349" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Command...</text></switch></g></g><g/><g><path d="M 881 204.2 L 881 298.63" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 881 303.88 L 877.5 296.88 L 881 298.63 L 884.5 296.88 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><ellipse cx="881" cy="164.2" rx="40" ry="40" fill="#b1ddf0" stroke="#10739e" pointer-events="all"/></g><g><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: 78px; height: 1px; padding-top: 164px; margin-left: 842px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Event <br />Subscriber</div></div></div></foreignObject><text x="881" y="168" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Event...</text></switch></g></g><g><path d="M 1041 204.2 L 1041 297.83" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1041 303.08 L 1037.5 296.08 L 1041 297.83 L 1044.5 296.08 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><ellipse cx="1041" cy="164.2" rx="40" ry="40" fill="#b1ddf0" stroke="#10739e" pointer-events="all"/></g><g><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: 78px; height: 1px; padding-top: 164px; margin-left: 1002px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Cron <br />Job</div></div></div></foreignObject><text x="1041" y="168" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Cron...</text></switch></g></g><g><path d="M 881 385 L 881 458.54 L 881.98 525.63" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 882.06 530.88 L 878.46 523.93 L 881.98 525.63 L 885.46 523.83 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><path d="M 841 305 L 921 305 L 941 345 L 921 385 L 841 385 L 821 345 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/></g><g><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: 118px; height: 1px; padding-top: 345px; margin-left: 822px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Event <br />Handler</div></div></div></foreignObject><text x="881" y="349" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Event...</text></switch></g></g><g><path d="M 1041 384.2 L 1041 425 L 912.08 425 L 912 525.63" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 912 530.88 L 908.51 523.88 L 912 525.63 L 915.51 523.88 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><path d="M 1001 304.2 L 1081 304.2 L 1101 344.2 L 1081 384.2 L 1001 384.2 L 981 344.2 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/></g><g><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: 118px; height: 1px; padding-top: 344px; margin-left: 982px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Job <br />Handler</div></div></div></foreignObject><text x="1041" y="348" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Job...</text></switch></g></g><g><rect x="161" y="235" width="300" height="30" fill-opacity="0.5" fill="#bac8d3" stroke="#23445d" stroke-opacity="0.5" stroke-dasharray="8 8" pointer-events="all"/></g><g><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: 298px; height: 1px; padding-top: 250px; margin-left: 162px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Middleware</div></div></div></foreignObject><text x="311" y="254" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Middleware</text></switch></g></g><g><path d="M 501 304.2 L 601 304.2 L 621 344.2 L 601 384.2 L 501 384.2 L 521 344.2 Z" fill="#b0e3e6" stroke="#0e8088" stroke-miterlimit="10" pointer-events="all"/></g><g><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: 118px; height: 1px; padding-top: 344px; margin-left: 502px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><span style="font-size: 12px;">View <br />Template</span></div></div></div></foreignObject><text x="561" y="348" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">View...</text></switch></g></g><g><path d="M 1 305 L 101 305 L 121 345 L 101 385 L 1 385 L 21 345 Z" fill="#b0e3e6" stroke="#0e8088" stroke-miterlimit="10" transform="rotate(180,61,345)" pointer-events="all"/></g><g><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: 118px; height: 1px; padding-top: 345px; margin-left: 2px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Data<br />Transformer</div></div></div></foreignObject><text x="61" y="349" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Data...</text></switch></g></g><g><path d="M 341 592 L 341 622.54 L 571 622.54 L 571 646.63" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 571 651.88 L 567.5 644.88 L 571 646.63 L 574.5 644.88 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><path d="M 281 592 L 281 687 L 281 775.63" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 281 780.88 L 277.5 773.88 L 281 775.63 L 284.5 773.88 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><rect x="251" y="532" width="120" height="60" rx="9" ry="9" fill="#faada5" stroke="#853226" pointer-events="all"/></g><g><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: 118px; height: 1px; padding-top: 562px; margin-left: 252px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Action 1</div></div></div></foreignObject><text x="311" y="566" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Action 1</text></switch></g></g><g><path d="M 912 592 L 912.08 687 L 911.07 775.63" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 911.01 780.88 L 907.59 773.84 L 911.07 775.63 L 914.59 773.92 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><path d="M 852 592 L 852.08 622.54 L 631 622.54 L 631 646.63" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 631 651.88 L 627.5 644.88 L 631 646.63 L 634.5 644.88 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><rect x="822" y="532" width="120" height="60" rx="9" ry="9" fill="#faada5" stroke="#853226" pointer-events="all"/></g><g><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: 118px; height: 1px; padding-top: 562px; margin-left: 823px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Action 2</div></div></div></foreignObject><text x="882" y="566" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Action 2</text></switch></g></g><g><path d="M 631 713 L 631 747.46 L 721.46 747.46 L 721.09 775.63" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 721.01 780.88 L 717.61 773.84 L 721.09 775.63 L 724.61 773.93 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><path d="M 571 713 L 571 747.46 L 481.46 747.46 L 481.09 775.63" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 481.01 780.88 L 477.61 773.84 L 481.09 775.63 L 484.61 773.93 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><rect x="541" y="653" width="120" height="60" rx="9" ry="9" fill="#faada5" stroke="#853226" pointer-events="all"/></g><g><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: 118px; height: 1px; padding-top: 683px; margin-left: 542px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Sub-Action 1</div></div></div></foreignObject><text x="601" y="687" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Sub-Action 1</text></switch></g></g><g><path d="M 281 842 L 281 1094.63" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 281 1099.88 L 277.5 1092.88 L 281 1094.63 L 284.5 1092.88 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><path d="M 721 842 L 721.46 900.54 L 721.05 951.63" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 721.01 956.88 L 717.57 949.85 L 721.05 951.63 L 724.57 949.91 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><path d="M 911 842 L 911 1094.63" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 911 1099.88 L 907.5 1092.88 L 911 1094.63 L 914.5 1092.88 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><path d="M 481 842 L 481.46 900.54 L 481.05 951.63" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 481.01 956.88 L 477.57 949.85 L 481.05 951.63 L 484.57 949.91 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><path d="M 679 973 C 679 964.72 697.8 958 721 958 C 732.14 958 742.82 959.58 750.7 962.39 C 758.58 965.21 763 969.02 763 973 L 763 1041 C 763 1049.28 744.2 1056 721 1056 C 697.8 1056 679 1049.28 679 1041 Z" fill="#e1d5e7" stroke="#9673a6" stroke-miterlimit="10" pointer-events="all"/><path d="M 763 973 C 763 981.28 744.2 988 721 988 C 697.8 988 679 981.28 679 973" fill="none" stroke="#9673a6" stroke-miterlimit="10" pointer-events="all"/></g><g><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: 82px; height: 1px; padding-top: 1020px; margin-left: 680px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Data<br />Model 2</div></div></div></foreignObject><text x="721" y="1024" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Data...</text></switch></g></g><g><path d="M 601 915 L 601 1009.46 L 601 1097.63" fill="none" stroke="#e65200" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 601 1102.88 L 597.5 1095.88 L 601 1097.63 L 604.5 1095.88 Z" fill="#e65200" stroke="#e65200" stroke-miterlimit="10" pointer-events="all"/></g><g><rect x="431" y="885" width="340" height="30" fill-opacity="0.5" fill="#bac8d3" stroke="#23445d" stroke-opacity="0.5" stroke-dasharray="8 8" pointer-events="all"/></g><g><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: 338px; height: 1px; padding-top: 900px; margin-left: 432px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Repository</div></div></div></foreignObject><text x="601" y="904" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Repository</text></switch></g></g><g><path d="M 439 973 C 439 964.72 457.8 958 481 958 C 492.14 958 502.82 959.58 510.7 962.39 C 518.58 965.21 523 969.02 523 973 L 523 1041 C 523 1049.28 504.2 1056 481 1056 C 457.8 1056 439 1049.28 439 1041 Z" fill="#e1d5e7" stroke="#9673a6" stroke-miterlimit="10" pointer-events="all"/><path d="M 523 973 C 523 981.28 504.2 988 481 988 C 457.8 988 439 981.28 439 973" fill="none" stroke="#9673a6" stroke-miterlimit="10" pointer-events="all"/></g><g><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: 82px; height: 1px; padding-top: 1020px; margin-left: 440px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Data<br />Model 1</div></div></div></foreignObject><text x="481" y="1024" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Data...</text></switch></g></g><g><rect x="181" y="43" width="260" height="60" fill="none" stroke="none" transform="rotate(180,311,73)" pointer-events="all"/><path d="M 181 43 M 441 43 L 441 103 L 181 103 L 181 43" fill="none" stroke="#d5a6ff" stroke-linecap="square" stroke-miterlimit="10" stroke-dasharray="3 3" transform="rotate(180,311,73)" pointer-events="all"/></g><g><rect x="204" y="0" width="227" height="36" fill="none" stroke="none" pointer-events="all"/></g><g><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: 1px; height: 1px; padding-top: 18px; margin-left: 318px;"><div data-drawio-colors="color: #E65200; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(230, 82, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">External Input Handlers</div></div></div></foreignObject><text x="318" y="24" fill="#E65200" font-family="Helvetica" font-size="20px" text-anchor="middle" font-weight="bold">External Input Handlers</text></switch></g></g><g><rect x="681" y="43" width="400" height="60" fill="none" stroke="none" transform="rotate(180,881,73)" pointer-events="all"/><path d="M 681 43 M 1081 43 L 1081 103 L 681 103 L 681 43" fill="none" stroke="#d5a6ff" stroke-linecap="square" stroke-miterlimit="10" stroke-dasharray="3 3" transform="rotate(180,881,73)" pointer-events="all"/></g><g><rect x="775" y="0" width="213" height="36" fill="none" stroke="none" pointer-events="all"/></g><g><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: 1px; height: 1px; padding-top: 18px; margin-left: 882px;"><div data-drawio-colors="color: #E65200; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(230, 82, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Internal Input Triggers</div></div></div></foreignObject><text x="882" y="24" fill="#E65200" font-family="Helvetica" font-size="20px" text-anchor="middle" font-weight="bold">Internal Input Trigge...</text></switch></g></g><g><rect x="221" y="461" width="180" height="30" fill-opacity="0.5" fill="#bac8d3" stroke="#23445d" stroke-opacity="0.5" stroke-dasharray="8 8" pointer-events="all"/></g><g><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: 178px; height: 1px; padding-top: 476px; margin-left: 222px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Data Transfer Object</div></div></div></foreignObject><text x="311" y="480" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Data Transfer Object</text></switch></g></g><g><rect x="792" y="461" width="180" height="30" fill-opacity="0.5" fill="#bac8d3" stroke="#23445d" stroke-opacity="0.5" stroke-dasharray="8 8" pointer-events="all"/></g><g><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: 178px; height: 1px; padding-top: 476px; margin-left: 793px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Data Transfer Object</div></div></div></foreignObject><text x="882" y="480" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Data Transfer Object</text></switch></g></g><g><path d="M 114 408 L 1104 408" fill="none" stroke="#d5a6ff" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/></g><g><rect x="-249" y="708" width="660" height="60" fill="none" stroke="none" transform="rotate(90,81,738)" pointer-events="all"/><path d="M -249 708 M 411 708 L 411 768 L -249 768 L -249 708" fill="none" stroke="#d5a6ff" stroke-linecap="square" stroke-miterlimit="10" stroke-dasharray="3 3" transform="rotate(90,81,738)" pointer-events="all"/></g><g><rect x="-59" y="724.5" width="153" height="36" fill="none" stroke="none" transform="rotate(270,17.5,742.5)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)rotate(270 17.5 742.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: 1px; height: 1px; padding-top: 743px; margin-left: 18px;"><div data-drawio-colors="color: #E65200; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(230, 82, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Business Logic</div></div></div></foreignObject><text x="18" y="749" fill="#E65200" font-family="Helvetica" font-size="20px" text-anchor="middle" font-weight="bold">Business Logic</text></switch></g></g><g><path d="M 114 1068 L 1104 1068" fill="none" stroke="#d5a6ff" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/></g><g><rect x="46" y="1039" width="140" height="30" fill="none" stroke="none" pointer-events="all"/></g><g><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: 1px; height: 1px; padding-top: 1054px; margin-left: 116px;"><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: 15px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;"><span style="font-weight: 400;"><font color="#d5a6ff" style="font-size: 7px;">Porto (Software Architectural Pattern)</font></span></div></div></div></foreignObject><text x="116" y="1059" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="15px" text-anchor="middle" font-weight="bold">Porto (Software Arc...</text></switch></g></g><g><path d="M 221 1105 L 321 1105 L 341 1145 L 321 1185 L 221 1185 L 241 1145 Z" fill="#b0e3e6" stroke="#0e8088" stroke-miterlimit="10" transform="rotate(90,281,1145)" pointer-events="all"/></g><g><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: 78px; height: 1px; padding-top: 1145px; margin-left: 242px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">API<br />Client</div></div></div></foreignObject><text x="281" y="1149" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">API...</text></switch></g></g><g><path d="M 541 1108 L 641 1108 L 661 1148 L 641 1188 L 541 1188 L 561 1148 Z" fill="#b0e3e6" stroke="#0e8088" stroke-miterlimit="10" transform="rotate(90,601,1148)" pointer-events="all"/></g><g><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: 78px; height: 1px; padding-top: 1148px; margin-left: 562px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">DB<br />Client</div></div></div></foreignObject><text x="601" y="1152" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">DB...</text></switch></g></g><g><path d="M 851 1105 L 951 1105 L 971 1145 L 951 1185 L 851 1185 L 871 1145 Z" fill="#b0e3e6" stroke="#0e8088" stroke-miterlimit="10" transform="rotate(90,911,1145)" pointer-events="all"/></g><g><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: 78px; height: 1px; padding-top: 1145px; margin-left: 872px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Events<br />Client</div></div></div></foreignObject><text x="911" y="1149" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Events...</text></switch></g></g><g><ellipse cx="281" cy="811.33" rx="44" ry="29.33" fill="#faada5" stroke="#b85450" pointer-events="all"/></g><g><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: 86px; height: 1px; padding-top: 811px; margin-left: 238px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Task 1</div></div></div></foreignObject><text x="281" y="815" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Task 1</text></switch></g></g><g><ellipse cx="481" cy="811.33" rx="44" ry="29.33" fill="#faada5" stroke="#b85450" pointer-events="all"/></g><g><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: 86px; height: 1px; padding-top: 811px; margin-left: 438px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Task 2</div></div></div></foreignObject><text x="481" y="815" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Task 2</text></switch></g></g><g><ellipse cx="721" cy="811.33" rx="44" ry="29.33" fill="#faada5" stroke="#b85450" pointer-events="all"/></g><g><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: 86px; height: 1px; padding-top: 811px; margin-left: 678px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Task 3</div></div></div></foreignObject><text x="721" y="815" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Task 3</text></switch></g></g><g><ellipse cx="911" cy="811.33" rx="44" ry="29.33" fill="#faada5" stroke="#b85450" pointer-events="all"/></g><g><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: 86px; height: 1px; padding-top: 811px; margin-left: 868px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Task 4</div></div></div></foreignObject><text x="911" y="815" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Task 4</text></switch></g></g></g></svg>