diff --git a/blog/2023-02-08-beta5/split_view.png b/blog/2023-02-08-beta5/split_view.png
index 781ca18..25568f5 100644
Binary files a/blog/2023-02-08-beta5/split_view.png and b/blog/2023-02-08-beta5/split_view.png differ
diff --git a/docs/guides/images/no_ports_sequence.png b/docs/guides/images/no_ports_sequence.png
index 459f28c..8458470 100644
Binary files a/docs/guides/images/no_ports_sequence.png and b/docs/guides/images/no_ports_sequence.png differ
diff --git a/docs/guides/images/with_ports_sequence.png b/docs/guides/images/with_ports_sequence.png
index 376ccea..652f16c 100644
Binary files a/docs/guides/images/with_ports_sequence.png and b/docs/guides/images/with_ports_sequence.png differ
diff --git a/docs/learn-the-basics/images/FetchBeer.svg b/docs/learn-the-basics/images/FetchBeer.svg
index e530a7b..526c01b 100644
--- a/docs/learn-the-basics/images/FetchBeer.svg
+++ b/docs/learn-the-basics/images/FetchBeer.svg
@@ -1,183 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg"
-    xmlns:svg="http://www.w3.org/2000/svg"
-    xmlns:xhtml="http://www.w3.org/1999/xhtml" style="background-color:#fff" id="svg150" width="986" height="321" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2022-01-14T23:10:56.098Z&quot; agent=&quot;5.0 (X11)&quot; version=&quot;16.2.7&quot; etag=&quot;ESTEkqebV6YRSOniH-rU&quot; type=&quot;google&quot;&gt;&lt;diagram id=&quot;mKUtwOxgaR0kJFD4DNnV&quot;&gt;7VrLcpswFP0abxmQAONtnLhdtNPOeNFmqcAN0MjIFSK2+/UVRjJPdzwJj9jTldHVA+mcY+49DDO83Ow/cbKNvrIA6AyZwX6G72cIWa7nyZ88cigiC8cpAiGPAzWoDKzjP6CCpopmcQBpbaBgjIp4Ww/6LEnAF7UY4Zzt6sOeGa3fdUtCaAXWPqHt6I84EJGKWu6i7PgMcRipW3toXnRsiB6sTpJGJGC7Sgg/zPCSMyaKq81+CTQHT+NSzFud6T1tjEMiLpmA1DbEQZ8NAnlU1UxYIn/uOMuSAPIZpmwxLiIWsoTQL4xtZdCSwV8gxEERRTLBZCgSG6p6YR+Ln/l0w1Gtx0rP/V6tfGwcdCMR/FBMmju6/VjtLOcdW3riM0uE2onlyXZxwvxYNYxSlnFfhZT6BOEhKNjcNpLWiR8pbGAbkHeVQzhQIuLX+upEKSw8jStJkBeKh25O8DVwgibgxJuOE3scTkp83wyv80Zu30aJfiL3yYma+p3FckVk6qwxt9W9VNLA2KmvUWxVTWtQe9rHRWyrhV8JzdR21/A7g0QC0ZRBnfNdFAtYb8kRsZ1MfnV+m3+DVHD2AktGGT+uhj30hF03HxlTWokHDniBfWLpFbiAfQ3ICwgo028dSOR6hjrxrpLNdIqKKolMU/Cev5LbAvfbFpKVTPRhz/CeA/E87H3A66CGTp1R4Z234M2LsDsAPii4z54Pvt8F7pPn2I7Zn3YN06rha+NR8fVa+C4pS+F29OvZtsZzGgUvrqH+eVd+viDX6sRaTbbz6eofvZ2K7FdMbnad+T6k6S3o3p1jQxvTfwsfI0OXCH1r37JaUH5A8Q9uyCy7rX7LmVD+V+GTB/dknbRM+VQaySp/bFvWxQoazZfJgr5R76KFMZgz02cd35qdythzhW8POUjS1rRmeLy6y2rb3ptyZshsvkFwxkS37XtvyJjJwqWOrW2PiW3b9A5myvoAC7ttizUmXN41VDNDOyzU4bCsCV/7W/997xlWEJqOFdRhfAmlT8R/uYnH9qLD9HY8iga0vOgqLO/gukcduscT6h61dZ+/8FmRmGb8JspB5F1QsgwpfDxe1TIVwq6hPboC2UHDFTqyWX45UZjL8vsT/PAX&lt;/diagram&gt;&lt;/mxfile&gt;" version="1.1" viewBox="-0.5 -0.5 986 321">
-    <metadata id="metadata154"/>
-    <g id="g140">
-        <path id="path4" stroke-miterlimit="10" d="M 230,55.5 105.94,103.21" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/>
-        <path id="path6" stroke-miterlimit="10" d="m 101.04,105.1 5.28,-5.78 -0.38,3.89 2.89,2.64 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/>
-        <path id="path8" stroke-miterlimit="10" d="m 230,55.5 128.53,47.78" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/>
-        <path id="path10" stroke-miterlimit="10" d="m 363.45,105.11 -7.78,0.84 2.86,-2.67 -0.42,-3.89 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/>
-        <path id="path12" stroke-miterlimit="10" d="M 230,55.5 V 99.13" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/>
-        <path id="path14" stroke-miterlimit="10" d="m 230,104.38 -3.5,-7 3.5,1.75 3.5,-1.75 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/>
-        <rect id="rect16" width="120" height="40" x="170" y="15.5" pointer-events="all" style="fill:#d5e8d4;stroke:#82b366"/>
-        <g id="g22" transform="translate(-0.5,-0.5)">
-            <switch id="switch20">
-                <foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                    <xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:36px;margin-left:171px">
-                        <xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);">
-                            <xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Sequence</xhtml:div>
-                        </xhtml:div>
-                    </xhtml:div>
-                </foreignObject>
-                <text id="text18" x="230" y="41" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">Sequence</text>
-            </switch>
-        </g>
-        <rect id="rect24" width="120" height="40" x="10" y="105.5" pointer-events="all" style="fill:#d5e8d4;stroke:#82b366"/>
-        <g id="g30" transform="translate(-0.5,-0.5)">
-            <switch id="switch28">
-                <foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                    <xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:125px;margin-left:11px">
-                        <xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);">
-                            <xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">OpenFridge</xhtml:div>
-                        </xhtml:div>
-                    </xhtml:div>
-                </foreignObject>
-                <text id="text26" x="70" y="131" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">OpenFridge</text>
-            </switch>
-        </g>
-        <rect id="rect32" width="120" height="40" x="170.01" y="185.5" pointer-events="all" style="fill:#f8cecc;stroke:#b85450"/>
-        <g id="g38" transform="translate(-0.5,-0.5)">
-            <switch id="switch36">
-                <foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                    <xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:205px;margin-left:171px">
-                        <xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);">
-                            <xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">GrabBeer</xhtml:div>
-                        </xhtml:div>
-                    </xhtml:div>
-                </foreignObject>
-                <text id="text34" x="230" y="211" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">GrabBeer</text>
-            </switch>
-        </g>
-        <rect id="rect40" width="120" height="40" x="334.5" y="105.5" pointer-events="all" style="fill:#d5e8d4;stroke:#82b366"/>
-        <g id="g46" transform="translate(-0.5,-0.5)">
-            <switch id="switch44">
-                <foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                    <xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:125px;margin-left:336px">
-                        <xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);">
-                            <xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">CloseFridge</xhtml:div>
-                        </xhtml:div>
-                    </xhtml:div>
-                </foreignObject>
-                <text id="text42" x="395" y="131" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">CloseFridge</text>
-            </switch>
-        </g>
-        <path id="path48" stroke-miterlimit="10" d="m 230.01,145.5 v 33.63" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/>
-        <path id="path50" stroke-miterlimit="10" d="m 230.01,184.38 -3.5,-7 3.5,1.75 3.5,-1.75 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/>
-        <rect id="rect52" width="132.25" height="40" x="163.88" y="105.5" pointer-events="all" style="fill:#d5e8d4;stroke:#82b366"/>
-        <g id="g58" transform="translate(-0.5,-0.5)">
-            <switch id="switch56">
-                <foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                    <xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:130px;height:1px;padding-top:125px;margin-left:165px">
-                        <xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);">
-                            <xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">ForceSuccess</xhtml:div>
-                        </xhtml:div>
-                    </xhtml:div>
-                </foreignObject>
-                <text id="text54" x="230" y="131" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">ForceSuccess</text>
-            </switch>
-        </g>
-        <path id="path60" stroke-miterlimit="10" d="M 750,50 625.94,97.71" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/>
-        <path id="path62" stroke-miterlimit="10" d="m 621.04,99.6 5.28,-5.78 -0.38,3.89 2.89,2.64 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/>
-        <path id="path64" stroke-miterlimit="10" d="M 750,50 878.53,97.78" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/>
-        <path id="path66" stroke-miterlimit="10" d="m 883.45,99.61 -7.78,0.84 2.86,-2.67 -0.42,-3.89 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/>
-        <path id="path68" stroke-miterlimit="10" d="M 750,50 V 93.63" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/>
-        <path id="path70" stroke-miterlimit="10" d="m 750,98.88 -3.5,-7 3.5,1.75 3.5,-1.75 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/>
-        <rect id="rect72" width="120" height="40" x="690" y="10" pointer-events="all" style="fill:#f8cecc;stroke:#b85450"/>
-        <g id="g78" transform="translate(-0.5,-0.5)">
-            <switch id="switch76">
-                <foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                    <xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:30px;margin-left:691px">
-                        <xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);">
-                            <xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Sequence</xhtml:div>
-                        </xhtml:div>
-                    </xhtml:div>
-                </foreignObject>
-                <text id="text74" x="750" y="35" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">Sequence</text>
-            </switch>
-        </g>
-        <rect id="rect80" width="120" height="40" x="530" y="100" pointer-events="all" style="fill:#d5e8d4;stroke:#82b366"/>
-        <g id="g86" transform="translate(-0.5,-0.5)">
-            <switch id="switch84">
-                <foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                    <xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:120px;margin-left:531px">
-                        <xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);">
-                            <xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">OpenFridge</xhtml:div>
-                        </xhtml:div>
-                    </xhtml:div>
-                </foreignObject>
-                <text id="text82" x="590" y="125" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">OpenFridge</text>
-            </switch>
-        </g>
-        <rect id="rect88" width="120" height="40" x="600" y="190" pointer-events="all" style="fill:#f8cecc;stroke:#b85450"/>
-        <g id="g94" transform="translate(-0.5,-0.5)">
-            <switch id="switch92">
-                <foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                    <xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:210px;margin-left:601px">
-                        <xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);">
-                            <xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">GrabBeer</xhtml:div>
-                        </xhtml:div>
-                    </xhtml:div>
-                </foreignObject>
-                <text id="text90" x="660" y="215" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">GrabBeer</text>
-            </switch>
-        </g>
-        <rect id="rect96" width="120" height="40" x="854.5" y="100" pointer-events="all" style="fill:#fff;stroke:#000"/>
-        <g id="g102" transform="translate(-0.5,-0.5)">
-            <switch id="switch100">
-                <foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                    <xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:120px;margin-left:856px">
-                        <xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);">
-                            <xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">CloseFridge</xhtml:div>
-                        </xhtml:div>
-                    </xhtml:div>
-                </foreignObject>
-                <text id="text98" x="915" y="125" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">CloseFridge</text>
-            </switch>
-        </g>
-        <path id="path104" stroke-miterlimit="10" d="m 750.01,140 -84.44,46.91" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/>
-        <path id="path106" stroke-miterlimit="10" d="m 660.98,189.46 4.42,-6.46 0.17,3.91 3.23,2.21 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/>
-        <path id="path108" stroke-miterlimit="10" d="m 750.01,140 80.61,46.8" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/>
-        <path id="path110" stroke-miterlimit="10" d="m 835.16,189.44 -7.81,-0.49 3.27,-2.15 0.24,-3.9 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/>
-        <rect id="rect112" width="132.25" height="40" x="683.88" y="100" pointer-events="all" style="fill:#f8cecc;stroke:#b85450"/>
-        <g id="g118" transform="translate(-0.5,-0.5)">
-            <switch id="switch116">
-                <foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                    <xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:130px;height:1px;padding-top:120px;margin-left:685px">
-                        <xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);">
-                            <xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Fallback</xhtml:div>
-                        </xhtml:div>
-                    </xhtml:div>
-                </foreignObject>
-                <text id="text114" x="750" y="125" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">Fallback</text>
-            </switch>
-        </g>
-        <path id="path120" stroke-miterlimit="10" d="m 836.13,230 v 33.63" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/>
-        <path id="path122" stroke-miterlimit="10" d="m 836.13,268.88 -3.5,-7 3.5,1.75 3.5,-1.75 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/>
-        <rect id="rect124" width="132.25" height="40" x="770" y="190" pointer-events="all" style="fill:#f8cecc;stroke:#b85450"/>
-        <g id="g130" transform="translate(-0.5,-0.5)">
-            <switch id="switch128">
-                <foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                    <xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:130px;height:1px;padding-top:210px;margin-left:771px">
-                        <xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);">
-                            <xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">ForceFailure</xhtml:div>
-                        </xhtml:div>
-                    </xhtml:div>
-                </foreignObject>
-                <text id="text126" x="836" y="215" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">ForceFailure</text>
-            </switch>
-        </g>
-        <rect id="rect132" width="120" height="40" x="776.13" y="270" pointer-events="all" style="fill:#d5e8d4;stroke:#82b366"/>
-        <g id="g138" transform="translate(-0.5,-0.5)">
-            <switch id="switch136">
-                <foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                    <xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:290px;margin-left:777px">
-                        <xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);">
-                            <xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">CloseFridge</xhtml:div>
-                        </xhtml:div>
-                    </xhtml:div>
-                </foreignObject>
-                <text id="text134" x="836" y="295" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">CloseFridge</text>
-            </switch>
-        </g>
-    </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xhtml="http://www.w3.org/1999/xhtml" style="background-color:#fff" id="svg150" width="986" height="321" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2022-01-14T23:10:56.098Z&quot; agent=&quot;5.0 (X11)&quot; version=&quot;16.2.7&quot; etag=&quot;ESTEkqebV6YRSOniH-rU&quot; type=&quot;google&quot;&gt;&lt;diagram id=&quot;mKUtwOxgaR0kJFD4DNnV&quot;&gt;7VrLcpswFP0abxmQAONtnLhdtNPOeNFmqcAN0MjIFSK2+/UVRjJPdzwJj9jTldHVA+mcY+49DDO83Ow/cbKNvrIA6AyZwX6G72cIWa7nyZ88cigiC8cpAiGPAzWoDKzjP6CCpopmcQBpbaBgjIp4Ww/6LEnAF7UY4Zzt6sOeGa3fdUtCaAXWPqHt6I84EJGKWu6i7PgMcRipW3toXnRsiB6sTpJGJGC7Sgg/zPCSMyaKq81+CTQHT+NSzFud6T1tjEMiLpmA1DbEQZ8NAnlU1UxYIn/uOMuSAPIZpmwxLiIWsoTQL4xtZdCSwV8gxEERRTLBZCgSG6p6YR+Ln/l0w1Gtx0rP/V6tfGwcdCMR/FBMmju6/VjtLOcdW3riM0uE2onlyXZxwvxYNYxSlnFfhZT6BOEhKNjcNpLWiR8pbGAbkHeVQzhQIuLX+upEKSw8jStJkBeKh25O8DVwgibgxJuOE3scTkp83wyv80Zu30aJfiL3yYma+p3FckVk6qwxt9W9VNLA2KmvUWxVTWtQe9rHRWyrhV8JzdR21/A7g0QC0ZRBnfNdFAtYb8kRsZ1MfnV+m3+DVHD2AktGGT+uhj30hF03HxlTWokHDniBfWLpFbiAfQ3ICwgo028dSOR6hjrxrpLNdIqKKolMU/Cev5LbAvfbFpKVTPRhz/CeA/E87H3A66CGTp1R4Z234M2LsDsAPii4z54Pvt8F7pPn2I7Zn3YN06rha+NR8fVa+C4pS+F29OvZtsZzGgUvrqH+eVd+viDX6sRaTbbz6eofvZ2K7FdMbnad+T6k6S3o3p1jQxvTfwsfI0OXCH1r37JaUH5A8Q9uyCy7rX7LmVD+V+GTB/dknbRM+VQaySp/bFvWxQoazZfJgr5R76KFMZgz02cd35qdythzhW8POUjS1rRmeLy6y2rb3ptyZshsvkFwxkS37XtvyJjJwqWOrW2PiW3b9A5myvoAC7ttizUmXN41VDNDOyzU4bCsCV/7W/997xlWEJqOFdRhfAmlT8R/uYnH9qLD9HY8iga0vOgqLO/gukcduscT6h61dZ+/8FmRmGb8JspB5F1QsgwpfDxe1TIVwq6hPboC2UHDFTqyWX45UZjL8vsT/PAX&lt;/diagram&gt;&lt;/mxfile&gt;" version="1.1" viewBox="-0.5 -0.5 986 321"><metadata id="metadata154"/><g id="g140"><path id="path4" stroke-miterlimit="10" d="M 230,55.5 105.94,103.21" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/><path id="path6" stroke-miterlimit="10" d="m 101.04,105.1 5.28,-5.78 -0.38,3.89 2.89,2.64 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/><path id="path8" stroke-miterlimit="10" d="m 230,55.5 128.53,47.78" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/><path id="path10" stroke-miterlimit="10" d="m 363.45,105.11 -7.78,0.84 2.86,-2.67 -0.42,-3.89 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/><path id="path12" stroke-miterlimit="10" d="M 230,55.5 V 99.13" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/><path id="path14" stroke-miterlimit="10" d="m 230,104.38 -3.5,-7 3.5,1.75 3.5,-1.75 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/><rect id="rect16" width="120" height="40" x="170" y="15.5" pointer-events="all" style="fill:#d5e8d4;stroke:#82b366"/><g id="g22" transform="translate(-0.5,-0.5)"><switch id="switch20"><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:36px;margin-left:171px"><xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Sequence</xhtml:div></xhtml:div></xhtml:div></foreignObject><text id="text18" x="230" y="41" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">Sequence</text></switch></g><rect id="rect24" width="120" height="40" x="10" y="105.5" pointer-events="all" style="fill:#d5e8d4;stroke:#82b366"/><g id="g30" transform="translate(-0.5,-0.5)"><switch id="switch28"><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:125px;margin-left:11px"><xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">OpenFridge</xhtml:div></xhtml:div></xhtml:div></foreignObject><text id="text26" x="70" y="131" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">OpenFridge</text></switch></g><rect id="rect32" width="120" height="40" x="170.01" y="185.5" pointer-events="all" style="fill:#f8cecc;stroke:#b85450"/><g id="g38" transform="translate(-0.5,-0.5)"><switch id="switch36"><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:205px;margin-left:171px"><xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">GrabBeer</xhtml:div></xhtml:div></xhtml:div></foreignObject><text id="text34" x="230" y="211" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">GrabBeer</text></switch></g><rect id="rect40" width="120" height="40" x="334.5" y="105.5" pointer-events="all" style="fill:#d5e8d4;stroke:#82b366"/><g id="g46" transform="translate(-0.5,-0.5)"><switch id="switch44"><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:125px;margin-left:336px"><xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">CloseFridge</xhtml:div></xhtml:div></xhtml:div></foreignObject><text id="text42" x="395" y="131" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">CloseFridge</text></switch></g><path id="path48" stroke-miterlimit="10" d="m 230.01,145.5 v 33.63" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/><path id="path50" stroke-miterlimit="10" d="m 230.01,184.38 -3.5,-7 3.5,1.75 3.5,-1.75 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/><rect id="rect52" width="132.25" height="40" x="163.88" y="105.5" pointer-events="all" style="fill:#d5e8d4;stroke:#82b366"/><g id="g58" transform="translate(-0.5,-0.5)"><switch id="switch56"><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:130px;height:1px;padding-top:125px;margin-left:165px"><xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">ForceSuccess</xhtml:div></xhtml:div></xhtml:div></foreignObject><text id="text54" x="230" y="131" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">ForceSuccess</text></switch></g><path id="path60" stroke-miterlimit="10" d="M 750,50 625.94,97.71" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/><path id="path62" stroke-miterlimit="10" d="m 621.04,99.6 5.28,-5.78 -0.38,3.89 2.89,2.64 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/><path id="path64" stroke-miterlimit="10" d="M 750,50 878.53,97.78" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/><path id="path66" stroke-miterlimit="10" d="m 883.45,99.61 -7.78,0.84 2.86,-2.67 -0.42,-3.89 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/><path id="path68" stroke-miterlimit="10" d="M 750,50 V 93.63" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/><path id="path70" stroke-miterlimit="10" d="m 750,98.88 -3.5,-7 3.5,1.75 3.5,-1.75 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/><rect id="rect72" width="120" height="40" x="690" y="10" pointer-events="all" style="fill:#f8cecc;stroke:#b85450"/><g id="g78" transform="translate(-0.5,-0.5)"><switch id="switch76"><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:30px;margin-left:691px"><xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Sequence</xhtml:div></xhtml:div></xhtml:div></foreignObject><text id="text74" x="750" y="35" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">Sequence</text></switch></g><rect id="rect80" width="120" height="40" x="530" y="100" pointer-events="all" style="fill:#d5e8d4;stroke:#82b366"/><g id="g86" transform="translate(-0.5,-0.5)"><switch id="switch84"><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:120px;margin-left:531px"><xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">OpenFridge</xhtml:div></xhtml:div></xhtml:div></foreignObject><text id="text82" x="590" y="125" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">OpenFridge</text></switch></g><rect id="rect88" width="120" height="40" x="600" y="190" pointer-events="all" style="fill:#f8cecc;stroke:#b85450"/><g id="g94" transform="translate(-0.5,-0.5)"><switch id="switch92"><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:210px;margin-left:601px"><xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">GrabBeer</xhtml:div></xhtml:div></xhtml:div></foreignObject><text id="text90" x="660" y="215" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">GrabBeer</text></switch></g><rect id="rect96" width="120" height="40" x="854.5" y="100" pointer-events="all" style="fill:#fff;stroke:#000"/><g id="g102" transform="translate(-0.5,-0.5)"><switch id="switch100"><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:120px;margin-left:856px"><xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">CloseFridge</xhtml:div></xhtml:div></xhtml:div></foreignObject><text id="text98" x="915" y="125" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">CloseFridge</text></switch></g><path id="path104" stroke-miterlimit="10" d="m 750.01,140 -84.44,46.91" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/><path id="path106" stroke-miterlimit="10" d="m 660.98,189.46 4.42,-6.46 0.17,3.91 3.23,2.21 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/><path id="path108" stroke-miterlimit="10" d="m 750.01,140 80.61,46.8" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/><path id="path110" stroke-miterlimit="10" d="m 835.16,189.44 -7.81,-0.49 3.27,-2.15 0.24,-3.9 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/><rect id="rect112" width="132.25" height="40" x="683.88" y="100" pointer-events="all" style="fill:#f8cecc;stroke:#b85450"/><g id="g118" transform="translate(-0.5,-0.5)"><switch id="switch116"><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:130px;height:1px;padding-top:120px;margin-left:685px"><xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Fallback</xhtml:div></xhtml:div></xhtml:div></foreignObject><text id="text114" x="750" y="125" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">Fallback</text></switch></g><path id="path120" stroke-miterlimit="10" d="m 836.13,230 v 33.63" pointer-events="stroke" style="fill:none;stroke:#000;stroke-miterlimit:10"/><path id="path122" stroke-miterlimit="10" d="m 836.13,268.88 -3.5,-7 3.5,1.75 3.5,-1.75 z" pointer-events="all" style="fill:#000;stroke:#000;stroke-miterlimit:10"/><rect id="rect124" width="132.25" height="40" x="770" y="190" pointer-events="all" style="fill:#f8cecc;stroke:#b85450"/><g id="g130" transform="translate(-0.5,-0.5)"><switch id="switch128"><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:130px;height:1px;padding-top:210px;margin-left:771px"><xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">ForceFailure</xhtml:div></xhtml:div></xhtml:div></foreignObject><text id="text126" x="836" y="215" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">ForceFailure</text></switch></g><rect id="rect132" width="120" height="40" x="776.13" y="270" pointer-events="all" style="fill:#d5e8d4;stroke:#82b366"/><g id="g138" transform="translate(-0.5,-0.5)"><switch id="switch136"><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:290px;margin-left:777px"><xhtml:div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><xhtml:div style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">CloseFridge</xhtml:div></xhtml:div></xhtml:div></foreignObject><text id="text134" x="836" y="295" font-size="18" style="font-size:18px;font-family:Helvetica;text-anchor:middle;fill:#000">CloseFridge</text></switch></g></g></svg>
\ No newline at end of file
diff --git a/docs/tutorial-advanced/images/bb_hierarchy.png b/docs/tutorial-advanced/images/bb_hierarchy.png
index 42f5d06..b367f73 100644
Binary files a/docs/tutorial-advanced/images/bb_hierarchy.png and b/docs/tutorial-advanced/images/bb_hierarchy.png differ
diff --git a/docs/tutorial-advanced/images/tree_hierarchy.png b/docs/tutorial-advanced/images/tree_hierarchy.png
index 598cb91..41a05bb 100644
Binary files a/docs/tutorial-advanced/images/tree_hierarchy.png and b/docs/tutorial-advanced/images/tree_hierarchy.png differ
diff --git a/docs/tutorial-basics/images/t12_groot_models.png b/docs/tutorial-basics/images/t12_groot_models.png
index 9f1add8..00b4423 100644
Binary files a/docs/tutorial-basics/images/t12_groot_models.png and b/docs/tutorial-basics/images/t12_groot_models.png differ
diff --git a/static/img/done.png b/static/img/done.png
index e0576da..fda8759 100644
Binary files a/static/img/done.png and b/static/img/done.png differ
diff --git a/static/img/groot2.png b/static/img/groot2.png
index 694912c..d1f3f9e 100644
Binary files a/static/img/groot2.png and b/static/img/groot2.png differ