diff --git a/.gitignore b/.gitignore
index d8a1130..adcd499 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,3 +10,6 @@
 # Ignore Parcel folders
 .cache/
 /dist/
+
+# Ignore personal repo files
+regen-toc.sh
diff --git a/assets/visuals/Halogen-v5.graphml b/assets/visuals/Halogen-v5.graphml
index 9d429af..b848c74 100644
--- a/assets/visuals/Halogen-v5.graphml
+++ b/assets/visuals/Halogen-v5.graphml
@@ -68,7 +68,7 @@
     <node id="n3">
       <data key="d6">
         <y:ShapeNode>
-          <y:Geometry height="30.0" width="181.71875" x="1710.0045335365521" y="780.831286606563"/>
+          <y:Geometry height="30.0" width="181.71875" x="1710.0045335365521" y="791.3209417789767"/>
           <y:Fill color="#FFCC00" transparent="false"/>
           <y:BorderStyle color="#000000" raised="false" type="line" width="1.0"/>
           <y:NodeLabel alignment="center" autoSizePolicy="content" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" textColor="#000000" verticalTextPosition="bottom" visible="true" width="171.71875" x="5.0" y="6.015625">component waits for events<y:LabelModel>
@@ -136,7 +136,7 @@
     <node id="n7">
       <data key="d6">
         <y:ShapeNode>
-          <y:Geometry height="30.0" width="178.73046875" x="2595.3275991959554" y="349.52465985411465"/>
+          <y:Geometry height="30.0" width="178.73046875" x="2518.869668161473" y="343.3574874403215"/>
           <y:Fill color="#FFCC00" transparent="false"/>
           <y:BorderStyle color="#000000" raised="false" type="line" width="1.0"/>
           <y:NodeLabel alignment="center" autoSizePolicy="content" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" textColor="#000000" verticalTextPosition="bottom" visible="true" width="168.73046875" x="5.0" y="6.015625">child's message is received<y:LabelModel>
@@ -316,7 +316,7 @@ component the Root?<y:LabelModel>
         <y:ProxyAutoBoundsNode>
           <y:Realizers active="0">
             <y:GroupNode>
-              <y:Geometry height="239.67142210668254" width="340.0" x="2897.5769032386206" y="425.0091626790483"/>
+              <y:Geometry height="410.7935499071621" width="340.0" x="3365.881730824827" y="193.97657327586165"/>
               <y:Fill color="#F5F5F5" transparent="false"/>
               <y:BorderStyle color="#000000" type="dashed" width="1.0"/>
               <y:NodeLabel alignment="center" autoSizePolicy="node_width" backgroundColor="#EBEBEB" borderDistance="0.0" fontFamily="Dialog" fontSize="15" fontStyle="plain" hasLineColor="false" height="38.921875" horizontalTextPosition="center" iconTextGap="4" modelName="internal" modelPosition="t" textColor="#000000" verticalTextPosition="bottom" visible="true" width="340.0" x="0.0" y="0.0">Program code outside of Root Component
@@ -325,7 +325,7 @@ component the Root?<y:LabelModel>
               <y:State closed="false" closedHeight="50.0" closedWidth="50.0" innerGraphDisplayEnabled="false"/>
               <y:NodeBounds considerNodeLabelSize="true"/>
               <y:Insets bottom="15" bottomF="15.0" left="15" leftF="15.0" right="15" rightF="15.0" top="15" topF="15.0"/>
-              <y:BorderInsets bottom="3" bottomF="2.507258936921289" left="16" leftF="15.8564453125" right="16" rightF="15.8564453125" top="0" topF="0.0"/>
+              <y:BorderInsets bottom="0" bottomF="0.0" left="4" leftF="4.486328125" right="4" rightF="4.486328125" top="0" topF="0.0"/>
             </y:GroupNode>
             <y:GroupNode>
               <y:Geometry height="50.0" width="50.0" x="0.0" y="60.0"/>
@@ -344,10 +344,10 @@ component the Root?<y:LabelModel>
         <node id="n17::n0">
           <data key="d6">
             <y:ShapeNode>
-              <y:Geometry height="66.25" width="278.287109375" x="2928.4333485511206" y="478.9310376790483"/>
+              <y:Geometry height="66.25" width="278.287109375" x="3396.738176137327" y="247.89844827586165"/>
               <y:Fill color="#FFCC00" transparent="false"/>
               <y:BorderStyle color="#000000" raised="false" type="line" width="1.0"/>
-              <y:NodeLabel alignment="center" autoSizePolicy="content" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="45.90625" horizontalTextPosition="center" iconTextGap="4" modelName="custom" textColor="#000000" verticalTextPosition="bottom" visible="true" width="268.287109375" x="5.0" y="10.171875000000057">Via HalogenIO.subscribe,
+              <y:NodeLabel alignment="center" autoSizePolicy="content" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="45.90625" horizontalTextPosition="center" iconTextGap="4" modelName="custom" textColor="#000000" verticalTextPosition="bottom" visible="true" width="268.287109375" x="5.0" y="10.171875">Via HalogenIO.subscribe,
 top-level component's message is received 
 and passed to external listener<y:LabelModel>
                   <y:SmartNodeLabelModel distance="4.0"/>
@@ -363,7 +363,7 @@ and passed to external listener<y:LabelModel>
         <node id="n17::n1">
           <data key="d6">
             <y:ShapeNode>
-              <y:Geometry height="66.25000000000006" width="258.107421875" x="2938.5231923011206" y="580.9233258488096"/>
+              <y:Geometry height="66.25000000000006" width="258.107421875" x="3406.828019887327" y="349.8907364456229"/>
               <y:Fill color="#FFCC00" transparent="false"/>
               <y:BorderStyle color="#000000" raised="false" type="line" width="1.0"/>
               <y:NodeLabel alignment="center" autoSizePolicy="content" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="45.90625" horizontalTextPosition="center" iconTextGap="4" modelName="custom" textColor="#000000" verticalTextPosition="bottom" visible="true" width="248.107421875" x="5.0" y="10.171875">Via HalogenIO.query, an external Query 
@@ -379,6 +379,26 @@ which may send back information<y:LabelModel>
             </y:ShapeNode>
           </data>
         </node>
+        <node id="n17::n2">
+          <data key="d6">
+            <y:ShapeNode>
+              <y:Geometry height="78.37137931034482" width="301.02734375" x="3385.368058949827" y="511.398743872679"/>
+              <y:Fill color="#FFCC00" transparent="false"/>
+              <y:BorderStyle color="#000000" raised="false" type="line" width="1.0"/>
+              <y:NodeLabel alignment="center" autoSizePolicy="content" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="59.875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" textColor="#000000" verticalTextPosition="bottom" visible="true" width="291.02734375" x="5.0" y="9.248189655172382">Via HalogenIO.dispose, Halogen will start at the
+root component and use a depth-first
+traversal to remove components,
+running finalizers (if any)<y:LabelModel>
+                  <y:SmartNodeLabelModel distance="4.0"/>
+                </y:LabelModel>
+                <y:ModelParameter>
+                  <y:SmartNodeLabelModelParameter labelRatioX="0.0" labelRatioY="0.0" nodeRatioX="0.0" nodeRatioY="0.0" offsetX="0.0" offsetY="0.0" upX="0.0" upY="-1.0"/>
+                </y:ModelParameter>
+              </y:NodeLabel>
+              <y:Shape type="rectangle"/>
+            </y:ShapeNode>
+          </data>
+        </node>
       </graph>
     </node>
     <node id="n18" yfiles.foldertype="group">
@@ -455,7 +475,7 @@ into top-level component<y:LabelModel>
         <y:ProxyAutoBoundsNode>
           <y:Realizers active="0">
             <y:GroupNode>
-              <y:Geometry height="275.59183562443127" width="290.42450972314396" x="1968.0962979791095" y="658.0353687943473"/>
+              <y:Geometry height="296.57114596925885" width="290.42450972314396" x="1968.0962979791095" y="658.0353687943473"/>
               <y:Fill color="#F5F5F5" transparent="false"/>
               <y:BorderStyle color="#000000" type="dashed" width="1.0"/>
               <y:NodeLabel alignment="center" autoSizePolicy="node_width" backgroundColor="#EBEBEB" borderDistance="0.0" fontFamily="Dialog" fontSize="15" fontStyle="plain" hasLineColor="false" height="38.921875" horizontalTextPosition="center" iconTextGap="4" modelName="internal" modelPosition="t" textColor="#000000" verticalTextPosition="bottom" visible="true" width="290.42450972314396" x="0.0" y="0.0">What does the HalogenM
@@ -464,7 +484,7 @@ computation do?</y:NodeLabel>
               <y:State closed="false" closedHeight="50.0" closedWidth="50.0" innerGraphDisplayEnabled="false"/>
               <y:NodeBounds considerNodeLabelSize="true"/>
               <y:Insets bottom="15" bottomF="15.0" left="15" leftF="15.0" right="15" rightF="15.0" top="15" topF="15.0"/>
-              <y:BorderInsets bottom="14" bottomF="14.416603585046005" left="0" leftF="0.0" right="15" rightF="15.072947223144183" top="4" topF="4.290206896551695"/>
+              <y:BorderInsets bottom="35" bottomF="35.395913929873586" left="0" leftF="0.0" right="15" rightF="15.072947223144183" top="4" topF="4.290206896551695"/>
             </y:GroupNode>
             <y:GroupNode>
               <y:Geometry height="50.0" width="50.0" x="0.0" y="60.0"/>
@@ -515,7 +535,6 @@ computation do?</y:NodeLabel>
           </data>
         </node>
         <node id="n19::n2">
-          <data key="d5"/>
           <data key="d6">
             <y:ShapeNode>
               <y:Geometry height="30.0" width="139.806640625" x="2035.8687589166097" y="717.216200690899"/>
@@ -534,7 +553,6 @@ one or more children<y:LabelModel>
           </data>
         </node>
         <node id="n19::n3">
-          <data key="d5"/>
           <data key="d6">
             <y:ShapeNode>
               <y:Geometry height="30.0" width="245.3515625" x="1983.0962979791095" y="821.8474095236951"/>
@@ -575,7 +593,7 @@ via `handleAction`<y:LabelModel>
     <node id="n21">
       <data key="d6">
         <y:ShapeNode>
-          <y:Geometry height="83.91905612732097" width="164.9006122546416" x="2318.0163205470826" y="316.39795937666105"/>
+          <y:Geometry height="83.91905612732097" width="164.9006122546416" x="2255.0777309532477" y="316.39795937666105"/>
           <y:Fill color="#FFCC00" transparent="false"/>
           <y:BorderStyle color="#000000" raised="false" type="line" width="1.0"/>
           <y:NodeLabel alignment="center" autoSizePolicy="content" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" textColor="#000000" verticalTextPosition="bottom" visible="true" width="114.84765625" x="25.0264780023208" y="32.97515306366046">Maybe ActionType<y:LabelModel>
@@ -592,10 +610,10 @@ via `handleAction`<y:LabelModel>
     <node id="n22">
       <data key="d6">
         <y:ShapeNode>
-          <y:Geometry height="30.0" width="128.375" x="2336.2791266744034" y="221.35472881963187"/>
+          <y:Geometry height="30.0" width="128.375" x="2273.3405370805685" y="247.4623150265284"/>
           <y:Fill color="#FFCC00" transparent="false"/>
           <y:BorderStyle color="#000000" raised="false" type="line" width="1.0"/>
-          <y:NodeLabel alignment="center" autoSizePolicy="content" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" textColor="#000000" verticalTextPosition="bottom" visible="true" width="118.375" x="5.0" y="6.015625">which gets ignored<y:LabelModel>
+          <y:NodeLabel alignment="center" autoSizePolicy="content" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" textColor="#000000" verticalTextPosition="bottom" visible="true" width="118.375" x="5.0" y="6.015624999999972">which gets ignored<y:LabelModel>
               <y:SmartNodeLabelModel distance="4.0"/>
             </y:LabelModel>
             <y:ModelParameter>
@@ -607,7 +625,6 @@ via `handleAction`<y:LabelModel>
       </data>
     </node>
     <node id="n23">
-      <data key="d5"/>
       <data key="d6">
         <y:ShapeNode>
           <y:Geometry height="50.59299310344818" width="180.751953125" x="2255.0777309532477" y="588.7518292970855"/>
@@ -680,6 +697,77 @@ into each child<y:LabelModel>
         </y:ShapeNode>
       </data>
     </node>
+    <node id="n27">
+      <data key="d6">
+        <y:ShapeNode>
+          <y:Geometry height="72.96656976127326" width="209.24609375" x="2982.068894614485" y="514.1011486472147"/>
+          <y:Fill color="#FFCC00" transparent="false"/>
+          <y:BorderStyle color="#000000" raised="false" type="line" width="1.0"/>
+          <y:NodeLabel alignment="center" autoSizePolicy="content" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" textColor="#000000" verticalTextPosition="bottom" visible="true" width="157.287109375" x="25.9794921875" y="27.49890988063669">Component has children?<y:LabelModel>
+              <y:SmartNodeLabelModel distance="4.0"/>
+            </y:LabelModel>
+            <y:ModelParameter>
+              <y:SmartNodeLabelModelParameter labelRatioX="0.0" labelRatioY="0.0" nodeRatioX="0.0" nodeRatioY="0.0" offsetX="0.0" offsetY="0.0" upX="0.0" upY="-1.0"/>
+            </y:ModelParameter>
+          </y:NodeLabel>
+          <y:Shape type="diamond"/>
+        </y:ShapeNode>
+      </data>
+    </node>
+    <node id="n28">
+      <data key="d6">
+        <y:ShapeNode>
+          <y:Geometry height="137.3669177718832" width="215.10233749999952" x="2979.1407727394853" y="627.7950112325148"/>
+          <y:Fill color="#FFCC00" transparent="false"/>
+          <y:BorderStyle color="#000000" raised="false" type="line" width="1.0"/>
+          <y:NodeLabel alignment="center" autoSizePolicy="content" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="45.90625" horizontalTextPosition="center" iconTextGap="4" modelName="custom" textColor="#000000" verticalTextPosition="bottom" visible="true" width="155.3359375" x="29.88319999999976" y="45.730333885941604">Child's `finalize` function
+returns
+Maybe (ActionType)<y:LabelModel>
+              <y:SmartNodeLabelModel distance="4.0"/>
+            </y:LabelModel>
+            <y:ModelParameter>
+              <y:SmartNodeLabelModelParameter labelRatioX="0.0" labelRatioY="0.0" nodeRatioX="0.0" nodeRatioY="0.0" offsetX="0.0" offsetY="0.0" upX="0.0" upY="-1.0"/>
+            </y:ModelParameter>
+          </y:NodeLabel>
+          <y:Shape type="diamond"/>
+        </y:ShapeNode>
+      </data>
+    </node>
+    <node id="n29">
+      <data key="d6">
+        <y:ShapeNode>
+          <y:Geometry height="40.90088337356701" width="164.287109375" x="2781.725144101488" y="530.1339918410679"/>
+          <y:Fill color="#FFCC00" transparent="false"/>
+          <y:BorderStyle color="#000000" raised="false" type="line" width="1.0"/>
+          <y:NodeLabel alignment="left" autoSizePolicy="content" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="31.9375" horizontalTextPosition="center" iconTextGap="4" modelName="custom" textColor="#000000" verticalTextPosition="bottom" visible="true" width="154.287109375" x="5.0" y="4.481691686783506">Component attempts to 
+remove each component<y:LabelModel>
+              <y:SmartNodeLabelModel distance="4.0"/>
+            </y:LabelModel>
+            <y:ModelParameter>
+              <y:SmartNodeLabelModelParameter labelRatioX="0.0" labelRatioY="0.0" nodeRatioX="0.0" nodeRatioY="0.0" offsetX="0.0" offsetY="0.0" upX="0.0" upY="-1.0"/>
+            </y:ModelParameter>
+          </y:NodeLabel>
+          <y:Shape type="rectangle"/>
+        </y:ShapeNode>
+      </data>
+    </node>
+    <node id="n30">
+      <data key="d6">
+        <y:ShapeNode>
+          <y:Geometry height="30.956638726790743" width="219.189453125" x="2652.678423333366" y="681.000150755061"/>
+          <y:Fill color="#FFCC00" transparent="false"/>
+          <y:BorderStyle color="#000000" raised="false" type="line" width="1.0"/>
+          <y:NodeLabel alignment="left" autoSizePolicy="content" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" textColor="#000000" verticalTextPosition="bottom" visible="true" width="209.189453125" x="5.0" y="6.4939443633953715">Component is removed from DOM<y:LabelModel>
+              <y:SmartNodeLabelModel distance="4.0"/>
+            </y:LabelModel>
+            <y:ModelParameter>
+              <y:SmartNodeLabelModelParameter labelRatioX="0.0" labelRatioY="0.0" nodeRatioX="0.0" nodeRatioY="0.0" offsetX="0.0" offsetY="0.0" upX="0.0" upY="-1.0"/>
+            </y:ModelParameter>
+          </y:NodeLabel>
+          <y:Shape type="rectangle"/>
+        </y:ShapeNode>
+      </data>
+    </node>
     <edge id="e0" source="n0" target="n1">
       <data key="d10">
         <y:PolyLineEdge>
@@ -725,7 +813,8 @@ produces<y:LabelModel>
           <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0"/>
           <y:LineStyle color="#000000" type="line" width="1.0"/>
           <y:Arrows source="none" target="standard"/>
-          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="free" modelPosition="anywhere" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="141.49609375" x="23.142403040679028" y="17.641626644694384">which gets mapped to <y:PreferredPlacementDescriptor angle="0.0" angleOffsetOnRightSide="0" angleReference="absolute" angleRotationOnRightSide="co" distance="-1.0" frozen="true" placement="anywhere" side="anywhere" sideReference="relative_to_edge_flow"/>
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="31.9375" horizontalTextPosition="center" iconTextGap="4" modelName="free" modelPosition="anywhere" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="72.953125" x="13.369890726023641" y="17.47503704202586">which gets 
+mapped to <y:PreferredPlacementDescriptor angle="0.0" angleOffsetOnRightSide="0" angleReference="absolute" angleRotationOnRightSide="co" distance="-1.0" frozen="true" placement="anywhere" side="anywhere" sideReference="relative_to_edge_flow"/>
           </y:EdgeLabel>
           <y:BendStyle smoothed="false"/>
         </y:PolyLineEdge>
@@ -859,7 +948,7 @@ produces<y:LabelModel>
           <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0"/>
           <y:LineStyle color="#000000" type="line" width="1.0"/>
           <y:Arrows source="none" target="standard"/>
-          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="51.185546875" x="4.407243497489617" y="4.984609712885458">Nothing<y:LabelModel>
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="51.185546875" x="4.4072434974893895" y="5.016103853510458">Nothing<y:LabelModel>
               <y:SmartEdgeLabelModel autoRotationEnabled="false" defaultAngle="0.0" defaultDistance="10.0"/>
             </y:LabelModel>
             <y:ModelParameter>
@@ -874,10 +963,13 @@ produces<y:LabelModel>
     <edge id="e12" source="n16" target="n17::n0">
       <data key="d10">
         <y:PolyLineEdge>
-          <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0"/>
+          <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0">
+            <y:Point x="2726.881663448286" y="512.0560376790484"/>
+            <y:Point x="2726.881663448286" y="281.0234482758617"/>
+          </y:Path>
           <y:LineStyle color="#000000" type="dashed" width="2.0"/>
           <y:Arrows source="none" target="standard"/>
-          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="4.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="free" modelPosition="anywhere" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="24.96484375" x="46.699211004978224" y="-26.909626837178962">Yes<y:PreferredPlacementDescriptor angle="0.0" angleOffsetOnRightSide="0" angleReference="absolute" angleRotationOnRightSide="co" distance="-1.0" frozen="true" placement="anywhere" side="anywhere" sideReference="relative_to_edge_flow"/>
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="4.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="free" modelPosition="anywhere" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="24.96484375" x="46.74727024863341" y="-26.6187091265503">Yes<y:PreferredPlacementDescriptor angle="0.0" angleOffsetOnRightSide="0" angleReference="absolute" angleRotationOnRightSide="co" distance="-1.0" frozen="true" placement="anywhere" side="anywhere" sideReference="relative_to_edge_flow"/>
           </y:EdgeLabel>
           <y:BendStyle smoothed="false"/>
         </y:PolyLineEdge>
@@ -888,7 +980,7 @@ produces<y:LabelModel>
         <y:PolyLineEdge>
           <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0">
             <y:Point x="2486.7213038237724" y="436.38237298758577"/>
-            <y:Point x="2684.6928335709554" y="436.38237298758577"/>
+            <y:Point x="2608.234902536473" y="436.38237298758577"/>
           </y:Path>
           <y:LineStyle color="#000000" type="dotted" width="2.0"/>
           <y:Arrows source="none" target="standard"/>
@@ -948,7 +1040,9 @@ produces<y:LabelModel>
       <data key="d10">
         <y:PolyLineEdge>
           <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0">
-            <y:Point x="2486.7213038237724" y="782.5988094879866"/>
+            <y:Point x="2377.100689655174" y="782.5988094879866"/>
+            <y:Point x="2377.100689655174" y="667.9751724137931"/>
+            <y:Point x="2486.7213038237724" y="667.9751724137931"/>
           </y:Path>
           <y:LineStyle color="#000000" type="dotted" width="2.0"/>
           <y:Arrows source="none" target="standard"/>
@@ -980,7 +1074,7 @@ produces<y:LabelModel>
           <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0"/>
           <y:LineStyle color="#000000" type="line" width="1.0"/>
           <y:Arrows source="none" target="standard"/>
-          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="141.49609375" x="-98.1999607807561" y="-39.58708913705186">which gets mapped to <y:LabelModel>
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="141.49609375" x="-95.47083885817301" y="-38.984370469834744">which gets mapped to <y:LabelModel>
               <y:SmartEdgeLabelModel autoRotationEnabled="false" defaultAngle="0.0" defaultDistance="10.0"/>
             </y:LabelModel>
             <y:ModelParameter>
@@ -998,7 +1092,7 @@ produces<y:LabelModel>
           <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0"/>
           <y:LineStyle color="#000000" type="line" width="1.0"/>
           <y:Arrows source="none" target="standard"/>
-          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="51.185546875" x="4.407300502528415" y="-41.49728261083794">Nothing<y:LabelModel>
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="51.185546875" x="4.407187471193538" y="-28.4107746636397">Nothing<y:LabelModel>
               <y:SmartEdgeLabelModel autoRotationEnabled="false" defaultAngle="0.0" defaultDistance="10.0"/>
             </y:LabelModel>
             <y:ModelParameter>
@@ -1016,7 +1110,7 @@ produces<y:LabelModel>
           <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0"/>
           <y:LineStyle color="#000000" type="line" width="1.0"/>
           <y:Arrows source="none" target="standard"/>
-          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" hasText="false" height="4.0" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="4.0" x="-32.14602794741313" y="31.36942388397324">
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" hasText="false" height="4.0" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="4.0" x="-32.13969820350076" y="31.36942388397324">
             <y:LabelModel>
               <y:SmartEdgeLabelModel autoRotationEnabled="false" defaultAngle="0.0" defaultDistance="10.0"/>
             </y:LabelModel>
@@ -1035,13 +1129,11 @@ produces<y:LabelModel>
           <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0">
             <y:Point x="1623.0412380689668" y="1010.2398294403067"/>
             <y:Point x="1623.0412380689668" y="1295.4142202796058"/>
-            <y:Point x="3251.5322725517262" y="1295.4142202796058"/>
-            <y:Point x="3251.5322725517262" y="739.9145109186202"/>
-            <y:Point x="2877.5769032386206" y="739.9145109186202"/>
-            <y:Point x="2877.5769032386206" y="122.09643034482863"/>
+            <y:Point x="3322.6288242758637" y="1295.4142202796058"/>
+            <y:Point x="3322.6288242758637" y="122.09643034482863"/>
             <y:Point x="2114.3127294570613" y="122.09643034482863"/>
           </y:Path>
-          <y:LineStyle color="#339966" type="line" width="5.0"/>
+          <y:LineStyle color="#339966" type="line" width="7.0"/>
           <y:Arrows source="none" target="standard"/>
           <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="101.59375" x="-98.49071940933845" y="-40.759907656499536">Just ActionValue<y:LabelModel>
               <y:SmartEdgeLabelModel autoRotationEnabled="false" defaultAngle="0.0" defaultDistance="10.0"/>
@@ -1059,13 +1151,13 @@ produces<y:LabelModel>
       <data key="d10">
         <y:PolyLineEdge>
           <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0">
-            <y:Point x="2277.0082008275917" y="358.3574874403215"/>
-            <y:Point x="2277.0082008275917" y="489.66239999999897"/>
+            <y:Point x="2214.069611233757" y="358.3574874403215"/>
+            <y:Point x="2214.069611233757" y="489.66239999999897"/>
             <y:Point x="2114.3127294570613" y="489.66239999999897"/>
           </y:Path>
-          <y:LineStyle color="#000000" type="line" width="1.0"/>
+          <y:LineStyle color="#000000" type="line" width="2.0"/>
           <y:Arrows source="none" target="standard"/>
-          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="110.95703125" x="-77.74465015506803" y="-47.7384566607779">Just (ActionValue)<y:LabelModel>
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="110.95703125" x="-77.7445190457779" y="-47.7384566607779">Just (ActionValue)<y:LabelModel>
               <y:SmartEdgeLabelModel autoRotationEnabled="false" defaultAngle="0.0" defaultDistance="10.0"/>
             </y:LabelModel>
             <y:ModelParameter>
@@ -1082,21 +1174,20 @@ produces<y:LabelModel>
         <y:PolyLineEdge>
           <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0">
             <y:Point x="2627.6602414033136" y="1247.705320969259"/>
-            <y:Point x="3206.2589704827637" y="1247.705320969259"/>
-            <y:Point x="3206.2589704827637" y="780.6714764358617"/>
-            <y:Point x="2831.4571791006897" y="780.6714764358617"/>
-            <y:Point x="2831.4571791006897" y="160.5268413793101"/>
-            <y:Point x="2201.457557043268" y="160.5268413793101"/>
-            <y:Point x="2201.457557043268" y="442.52125793103534"/>
+            <y:Point x="3292.274142896557" y="1247.705320969259"/>
+            <y:Point x="3291.4277208275885" y="160.5268413793101"/>
+            <y:Point x="2131.795488077751" y="160.5268413793101"/>
+            <y:Point x="2131.795488077751" y="395.71034482758625"/>
+            <y:Point x="2114.3127294570613" y="395.71034482758625"/>
             <y:Point x="2114.3127294570613" y="442.52125793103534"/>
           </y:Path>
-          <y:LineStyle color="#99CCFF" type="line" width="3.0"/>
+          <y:LineStyle color="#99CCFF" type="line" width="5.0"/>
           <y:Arrows source="none" target="standard"/>
-          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="110.95703125" x="34.54309388473666" y="-5.24319163778614">Just (ActionValue)<y:LabelModel>
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="110.95703125" x="47.92580032584783" y="-5.24319163778614">Just (ActionValue)<y:LabelModel>
               <y:SmartEdgeLabelModel autoRotationEnabled="false" defaultAngle="0.0" defaultDistance="10.0"/>
             </y:LabelModel>
             <y:ModelParameter>
-              <y:SmartEdgeLabelModelParameter angle="0.0" distance="22.20156436485762" distanceToCenter="false" position="left" ratio="0.15558541668359202" segment="1"/>
+              <y:SmartEdgeLabelModelParameter angle="0.0" distance="22.20156436485762" distanceToCenter="false" position="left" ratio="0.15558541668359205" segment="1"/>
             </y:ModelParameter>
             <y:PreferredPlacementDescriptor angle="0.0" angleOffsetOnRightSide="0" angleReference="absolute" angleRotationOnRightSide="co" distance="-1.0" frozen="true" placement="anywhere" side="anywhere" sideReference="relative_to_edge_flow"/>
           </y:EdgeLabel>
@@ -1110,7 +1201,7 @@ produces<y:LabelModel>
           <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0"/>
           <y:LineStyle color="#99CCFF" type="line" width="3.0"/>
           <y:Arrows source="none" target="standard"/>
-          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="57.689453125" x="9.815755343739966" y="18.7217557575334">and then<y:LabelModel>
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="57.689453125" x="9.812958688343315" y="16.964163397847983">and then<y:LabelModel>
               <y:SmartEdgeLabelModel autoRotationEnabled="false" defaultAngle="0.0" defaultDistance="10.0"/>
             </y:LabelModel>
             <y:ModelParameter>
@@ -1128,7 +1219,7 @@ produces<y:LabelModel>
           <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0"/>
           <y:LineStyle color="#339966" type="line" width="5.0"/>
           <y:Arrows source="none" target="standard"/>
-          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="57.689453125" x="-83.9660637343568" y="-38.98438722156209">and then<y:LabelModel>
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="57.689453125" x="-83.9660637343568" y="-38.9843560725858">and then<y:LabelModel>
               <y:SmartEdgeLabelModel autoRotationEnabled="false" defaultAngle="0.0" defaultDistance="10.0"/>
             </y:LabelModel>
             <y:ModelParameter>
@@ -1185,7 +1276,12 @@ produces<y:LabelModel>
     <edge id="e29" source="n17::n1" target="n23">
       <data key="d10">
         <y:PolyLineEdge>
-          <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0"/>
+          <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0">
+            <y:Point x="2751.124422068976" y="383.0157364456229"/>
+            <y:Point x="2751.124422068976" y="551.4234482758617"/>
+            <y:Point x="2599.1409737931135" y="551.4234482758617"/>
+            <y:Point x="2599.1409737931135" y="614.0483258488096"/>
+          </y:Path>
           <y:LineStyle color="#000000" type="dashed" width="2.0"/>
           <y:Arrows source="none" target="standard"/>
           <y:BendStyle smoothed="false"/>
@@ -1301,6 +1397,163 @@ are rendered<y:LabelModel>
         </y:PolyLineEdge>
       </data>
     </edge>
+    <edge id="e36" source="n27" target="n29">
+      <data key="d10">
+        <y:PolyLineEdge>
+          <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0"/>
+          <y:LineStyle color="#000000" type="line" width="1.0"/>
+          <y:Arrows source="none" target="standard"/>
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="24.96484375" x="-30.49507048576379" y="-38.98435309324236">Yes<y:LabelModel>
+              <y:SmartEdgeLabelModel autoRotationEnabled="false" defaultAngle="0.0" defaultDistance="10.0"/>
+            </y:LabelModel>
+            <y:ModelParameter>
+              <y:SmartEdgeLabelModelParameter angle="0.0" distance="30.0" distanceToCenter="true" position="right" ratio="0.5" segment="0"/>
+            </y:ModelParameter>
+            <y:PreferredPlacementDescriptor angle="0.0" angleOffsetOnRightSide="0" angleReference="absolute" angleRotationOnRightSide="co" distance="-1.0" frozen="true" placement="anywhere" side="anywhere" sideReference="relative_to_edge_flow"/>
+          </y:EdgeLabel>
+          <y:BendStyle smoothed="false"/>
+        </y:PolyLineEdge>
+      </data>
+    </edge>
+    <edge id="e37" source="n27" target="n28">
+      <data key="d10">
+        <y:PolyLineEdge>
+          <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0"/>
+          <y:LineStyle color="#000000" type="line" width="1.0"/>
+          <y:Arrows source="none" target="standard"/>
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="20.318359375" x="19.84086727073509" y="17.732694337983503">No<y:LabelModel>
+              <y:SmartEdgeLabelModel autoRotationEnabled="false" defaultAngle="0.0" defaultDistance="10.0"/>
+            </y:LabelModel>
+            <y:ModelParameter>
+              <y:SmartEdgeLabelModelParameter angle="0.0" distance="30.0" distanceToCenter="true" position="left" ratio="1.0" segment="-1"/>
+            </y:ModelParameter>
+            <y:PreferredPlacementDescriptor angle="0.0" angleOffsetOnRightSide="0" angleReference="absolute" angleRotationOnRightSide="co" distance="-1.0" frozen="true" placement="anywhere" side="anywhere" sideReference="relative_to_edge_flow"/>
+          </y:EdgeLabel>
+          <y:BendStyle smoothed="false"/>
+        </y:PolyLineEdge>
+      </data>
+    </edge>
+    <edge id="e38" source="n19" target="n30">
+      <data key="d10">
+        <y:PolyLineEdge>
+          <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0">
+            <y:Point x="2510.8013793103446" y="806.3209417789767"/>
+            <y:Point x="2510.8013793103446" y="696.4784701184564"/>
+          </y:Path>
+          <y:LineStyle color="#FF9900" type="line" width="3.0"/>
+          <y:Arrows source="none" target="standard"/>
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="free" modelPosition="anywhere" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="57.689453125" x="159.65184132543254" y="-29.61288405845903">and then<y:PreferredPlacementDescriptor angle="0.0" angleOffsetOnRightSide="0" angleReference="absolute" angleRotationOnRightSide="co" distance="-1.0" frozen="true" placement="anywhere" side="anywhere" sideReference="relative_to_edge_flow"/>
+          </y:EdgeLabel>
+          <y:BendStyle smoothed="false"/>
+        </y:PolyLineEdge>
+      </data>
+    </edge>
+    <edge id="e39" source="n28" target="n30">
+      <data key="d10">
+        <y:PolyLineEdge>
+          <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0"/>
+          <y:LineStyle color="#000000" type="line" width="1.0"/>
+          <y:Arrows source="none" target="standard"/>
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="51.185546875" x="-94.55768711982455" y="-38.98435947138739">Nothing<y:LabelModel>
+              <y:SmartEdgeLabelModel autoRotationEnabled="false" defaultAngle="0.0" defaultDistance="10.0"/>
+            </y:LabelModel>
+            <y:ModelParameter>
+              <y:SmartEdgeLabelModelParameter angle="0.0" distance="30.0" distanceToCenter="true" position="right" ratio="0.5" segment="0"/>
+            </y:ModelParameter>
+            <y:PreferredPlacementDescriptor angle="0.0" angleOffsetOnRightSide="0" angleReference="absolute" angleRotationOnRightSide="co" distance="-1.0" frozen="true" placement="anywhere" side="anywhere" sideReference="relative_to_edge_flow"/>
+          </y:EdgeLabel>
+          <y:BendStyle smoothed="false"/>
+        </y:PolyLineEdge>
+      </data>
+    </edge>
+    <edge id="e40" source="n17::n2" target="n27">
+      <data key="d10">
+        <y:PolyLineEdge>
+          <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0"/>
+          <y:LineStyle color="#000000" type="dashed" width="2.0"/>
+          <y:Arrows source="none" target="standard"/>
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" hasText="false" height="4.0" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="4.0" x="-99.0266404053441" y="-31.69909531138046">
+            <y:LabelModel>
+              <y:SmartEdgeLabelModel autoRotationEnabled="false" defaultAngle="0.0" defaultDistance="10.0"/>
+            </y:LabelModel>
+            <y:ModelParameter>
+              <y:SmartEdgeLabelModelParameter angle="0.0" distance="27.69911721813812" distanceToCenter="false" position="right" ratio="0.5000000000000004" segment="-1"/>
+            </y:ModelParameter>
+            <y:PreferredPlacementDescriptor angle="0.0" angleOffsetOnRightSide="0" angleReference="absolute" angleRotationOnRightSide="co" distance="-1.0" frozen="true" placement="anywhere" side="anywhere" sideReference="relative_to_edge_flow"/>
+          </y:EdgeLabel>
+          <y:BendStyle smoothed="false"/>
+        </y:PolyLineEdge>
+      </data>
+    </edge>
+    <edge id="e41" source="n29" target="n27">
+      <data key="d10">
+        <y:PolyLineEdge>
+          <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0">
+            <y:Point x="2863.868698788988" y="483.2455936339529"/>
+            <y:Point x="3086.691941489485" y="483.2455936339529"/>
+          </y:Path>
+          <y:LineStyle color="#000000" type="line" width="1.0"/>
+          <y:Arrows source="none" target="standard"/>
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="31.9375" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="328.22265625" x="-35.27541961079669" y="-92.85712853401583">(eventually, this will hit a component without children
+and then run this on its siblings, and then parents)<y:LabelModel>
+              <y:SmartEdgeLabelModel autoRotationEnabled="false" defaultAngle="0.0" defaultDistance="10.0"/>
+            </y:LabelModel>
+            <y:ModelParameter>
+              <y:SmartEdgeLabelModelParameter angle="0.0" distance="30.0" distanceToCenter="true" position="left" ratio="0.5781975906442456" segment="1"/>
+            </y:ModelParameter>
+            <y:PreferredPlacementDescriptor angle="0.0" angleOffsetOnRightSide="0" angleReference="absolute" angleRotationOnRightSide="co" distance="-1.0" frozen="true" placement="anywhere" side="anywhere" sideReference="relative_to_edge_flow"/>
+          </y:EdgeLabel>
+          <y:BendStyle smoothed="false"/>
+        </y:PolyLineEdge>
+      </data>
+    </edge>
+    <edge id="e42" source="n30" target="n28">
+      <data key="d10">
+        <y:PolyLineEdge>
+          <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0">
+            <y:Point x="2762.273149895866" y="806.3209417789767"/>
+            <y:Point x="3086.691941489485" y="806.3209417789767"/>
+          </y:Path>
+          <y:LineStyle color="#000000" type="line" width="1.0"/>
+          <y:Arrows source="none" target="standard"/>
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="45.90625" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="150.34375" x="53.4705807815767" y="41.4110296696017">(and then for its sibling 
+or its parent if there
+aren't anymore siblings)<y:LabelModel>
+              <y:SmartEdgeLabelModel autoRotationEnabled="false" defaultAngle="0.0" defaultDistance="10.0"/>
+            </y:LabelModel>
+            <y:ModelParameter>
+              <y:SmartEdgeLabelModelParameter angle="0.0" distance="30.0" distanceToCenter="true" position="left" ratio="0.3965322064519271" segment="1"/>
+            </y:ModelParameter>
+            <y:PreferredPlacementDescriptor angle="0.0" angleOffsetOnRightSide="0" angleReference="absolute" angleRotationOnRightSide="co" distance="-1.0" frozen="true" placement="anywhere" side="anywhere" sideReference="relative_to_edge_flow"/>
+          </y:EdgeLabel>
+          <y:BendStyle smoothed="false"/>
+        </y:PolyLineEdge>
+      </data>
+    </edge>
+    <edge id="e43" source="n28" target="n20">
+      <data key="d10">
+        <y:PolyLineEdge>
+          <y:Path sx="0.0" sy="0.0" tx="0.0" ty="0.0">
+            <y:Point x="3257.0193103448278" y="696.4784701184564"/>
+            <y:Point x="3257.0193103448278" y="219.99987862069074"/>
+            <y:Point x="2156.2713501467165" y="219.99987862069074"/>
+            <y:Point x="2156.2713501467165" y="437.6689655172414"/>
+            <y:Point x="2114.3127294570613" y="437.6689655172414"/>
+          </y:Path>
+          <y:LineStyle color="#FF9900" type="line" width="2.0"/>
+          <y:Arrows source="none" target="standard"/>
+          <y:EdgeLabel alignment="center" configuration="AutoFlippingLabel" distance="2.0" fontFamily="Dialog" fontSize="12" fontStyle="plain" hasBackgroundColor="false" hasLineColor="false" height="17.96875" horizontalTextPosition="center" iconTextGap="4" modelName="custom" preferredPlacement="anywhere" ratio="0.5" textColor="#000000" verticalTextPosition="bottom" visible="true" width="37.26953125" x="4.973823130110304" y="-38.72755402580697">Just a<y:LabelModel>
+              <y:SmartEdgeLabelModel autoRotationEnabled="false" defaultAngle="0.0" defaultDistance="10.0"/>
+            </y:LabelModel>
+            <y:ModelParameter>
+              <y:SmartEdgeLabelModelParameter angle="0.0" distance="20.50666885534247" distanceToCenter="false" position="left" ratio="0.062422940054713986" segment="1"/>
+            </y:ModelParameter>
+            <y:PreferredPlacementDescriptor angle="0.0" angleOffsetOnRightSide="0" angleReference="absolute" angleRotationOnRightSide="co" distance="-1.0" frozen="true" placement="anywhere" side="anywhere" sideReference="relative_to_edge_flow"/>
+          </y:EdgeLabel>
+          <y:BendStyle smoothed="false"/>
+        </y:PolyLineEdge>
+      </data>
+    </edge>
   </graph>
   <data key="d7">
     <y:Resources/>
diff --git a/assets/visuals/Halogen-v5.svg b/assets/visuals/Halogen-v5.svg
index 4a7342b..a7d8435 100644
--- a/assets/visuals/Halogen-v5.svg
+++ b/assets/visuals/Halogen-v5.svg
@@ -1,17 +1,17 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-opacity="1" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="2207" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" height="1204" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12px" stroke-dashoffset="0" image-rendering="auto">
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-opacity="1" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="2661" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" height="1204" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12px" stroke-dashoffset="0" image-rendering="auto">
   <!--Generated by ySVG 2.5-->
   <defs id="genericDefs"/>
   <g>
     <defs id="defs1">
       <clipPath clipPathUnits="userSpaceOnUse" id="clipPath1">
-        <path d="M0 0 L2207 0 L2207 1204 L0 1204 L0 0 Z"/>
+        <path d="M0 0 L2661 0 L2661 1204 L0 1204 L0 0 Z"/>
       </clipPath>
       <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2">
-        <path d="M1060 107 L3267 107 L3267 1311 L1060 1311 L1060 107 Z"/>
+        <path d="M1060 107 L3721 107 L3721 1311 L1060 1311 L1060 107 Z"/>
       </clipPath>
     </defs>
     <g fill="white" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="translate(-1060,-107)" stroke="white">
-      <rect x="1060" width="2207" height="1204" y="107" clip-path="url(#clipPath2)" stroke="none"/>
+      <rect x="1060" width="2661" height="1204" y="107" clip-path="url(#clipPath2)" stroke="none"/>
     </g>
     <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(255,204,0)">
       <rect x="1193.5227" width="207.3418" height="30" y="288.5361" clip-path="url(#clipPath2)" stroke="none"/>
@@ -35,11 +35,11 @@
       <text x="1712.6246" xml:space="preserve" y="307.6904" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">component's initial rendering</text>
     </g>
     <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(255,204,0)">
-      <rect x="1710.0045" width="181.7188" height="30" y="780.8313" clip-path="url(#clipPath2)" stroke="none"/>
+      <rect x="1710.0045" width="181.7188" height="30" y="791.3209" clip-path="url(#clipPath2)" stroke="none"/>
     </g>
     <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke-linecap="butt">
-      <rect fill="none" x="1710.0045" width="181.7188" height="30" y="780.8313" clip-path="url(#clipPath2)"/>
-      <text x="1717.0045" xml:space="preserve" y="799.9856" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">component waits for events</text>
+      <rect fill="none" x="1710.0045" width="181.7188" height="30" y="791.3209" clip-path="url(#clipPath2)"/>
+      <text x="1717.0045" xml:space="preserve" y="810.4752" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">component waits for events</text>
     </g>
     <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(255,204,0)">
       <rect x="1696.2409" width="209.2461" height="30" y="881.5493" clip-path="url(#clipPath2)" stroke="none"/>
@@ -63,11 +63,11 @@
       <text x="1745.4401" xml:space="preserve" y="1014.3941" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Maybe ActionType</text>
     </g>
     <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(255,204,0)">
-      <rect x="2595.3276" width="178.7305" height="30" y="349.5247" clip-path="url(#clipPath2)" stroke="none"/>
+      <rect x="2518.8697" width="178.7305" height="30" y="343.3575" clip-path="url(#clipPath2)" stroke="none"/>
     </g>
     <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke-linecap="butt">
-      <rect fill="none" x="2595.3276" width="178.7305" height="30" y="349.5247" clip-path="url(#clipPath2)"/>
-      <text x="2602.3276" xml:space="preserve" y="368.679" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">child's message is received</text>
+      <rect fill="none" x="2518.8697" width="178.7305" height="30" y="343.3575" clip-path="url(#clipPath2)"/>
+      <text x="2525.8696" xml:space="preserve" y="362.5118" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">child's message is received</text>
     </g>
     <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(255,204,0)">
       <rect x="1914.2112" width="400.2031" height="30" y="1129.1128" clip-path="url(#clipPath2)" stroke="none"/>
@@ -149,13 +149,14 @@
       <text x="1633.4025" xml:space="preserve" y="346.4538" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">produces</text>
     </g>
     <g stroke-linecap="round" transform="matrix(1,0,0,1,-1060,-107)" fill="red" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" stroke-dasharray="4,3,0,3" stroke="red" stroke-miterlimit="1.45">
-      <path fill="none" d="M1800.8639 810.8313 L1800.8639 873.5493" clip-path="url(#clipPath2)"/>
+      <path fill="none" d="M1800.8639 821.3209 L1800.8639 873.5493" clip-path="url(#clipPath2)"/>
       <path d="M1800.8639 881.5493 L1805.8639 869.5493 L1800.8639 872.5493 L1795.8639 869.5493 Z" clip-path="url(#clipPath2)" stroke="none"/>
     </g>
     <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke-linecap="butt">
       <path fill="none" d="M1800.8639 911.5493 L1800.8639 960.2675" clip-path="url(#clipPath2)"/>
       <path d="M1800.8639 968.2675 L1805.8639 956.2675 L1800.8639 959.2675 L1795.8639 956.2675 Z" clip-path="url(#clipPath2)" stroke="none"/>
-      <text x="1826.0063" xml:space="preserve" y="942.3296" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">which gets mapped to </text>
+      <text x="1816.4388" xml:space="preserve" y="942.163" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">which gets </text>
+      <text x="1816.2338" xml:space="preserve" y="956.1318" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">mapped to </text>
       <path fill="none" d="M1883.2917 1010.2398 L1945.8682 1010.2398" clip-path="url(#clipPath2)"/>
       <path d="M1953.8682 1010.2398 L1941.8682 1005.2398 L1944.8682 1010.2398 L1941.8682 1015.2398 Z" clip-path="url(#clipPath2)" stroke="none"/>
       <text x="1910.2948" xml:space="preserve" y="984.3941" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Nothing</text>
@@ -181,46 +182,56 @@
       <text x="2735.9785" xml:space="preserve" y="863.3649" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Yes</text>
       <path fill="none" d="M2948.5637 904.6889 L2948.5637 932.993" clip-path="url(#clipPath2)"/>
       <path d="M2948.5637 940.993 L2953.5637 928.993 L2948.5637 931.993 L2943.5637 928.993 Z" clip-path="url(#clipPath2)" stroke="none"/>
-      <path fill="none" d="M1800.8639 625.7303 L1800.8639 772.8313" clip-path="url(#clipPath2)"/>
-      <path d="M1800.8639 780.8313 L1805.8639 768.8313 L1800.8639 771.8313 L1795.8639 768.8313 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M1800.8639 625.6989 L1800.8639 783.3209" clip-path="url(#clipPath2)"/>
+      <path d="M1800.8639 791.3209 L1805.8639 779.3209 L1800.8639 782.3209 L1795.8639 779.3209 Z" clip-path="url(#clipPath2)" stroke="none"/>
       <text x="1807.2711" xml:space="preserve" y="643.8536" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Nothing</text>
     </g>
     <g stroke-linecap="round" transform="matrix(1,0,0,1,-1060,-107)" stroke-dashoffset="2" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" stroke-dasharray="0,8" stroke-width="2" stroke-miterlimit="1.45">
-      <path fill="none" d="M2486.7212 465.3882 L2486.7212 436.3824 L2684.6929 436.3824 L2684.6929 388.5247" clip-path="url(#clipPath2)"/>
-      <path d="M2684.6929 379.5247 L2679.0679 393.0247 L2684.6929 389.6497 L2690.3179 393.0247 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M2486.7212 465.3882 L2486.7212 436.3824 L2608.2349 436.3824 L2608.2349 382.3575" clip-path="url(#clipPath2)"/>
+      <path d="M2608.2349 373.3575 L2602.6099 386.8575 L2608.2349 383.4825 L2613.8599 386.8575 Z" clip-path="url(#clipPath2)" stroke="none"/>
     </g>
     <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,-1060,-107)" stroke-linecap="butt">
       <text x="2503.6775" xml:space="preserve" y="423.3759" clip-path="url(#clipPath2)" stroke="none">No</text>
     </g>
     <g fill="rgb(245,245,245)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(245,245,245)">
-      <rect x="2897.5769" y="425.0092" clip-path="url(#clipPath2)" width="340" rx="4" ry="4" height="239.6714" stroke="none"/>
-      <rect x="2897.5769" y="425.0092" clip-path="url(#clipPath2)" fill="rgb(235,235,235)" width="340" height="38.9219" stroke="none"/>
+      <rect x="3365.8817" y="193.9766" clip-path="url(#clipPath2)" width="340" rx="4" ry="4" height="410.7935" stroke="none"/>
+      <rect x="3365.8817" y="193.9766" clip-path="url(#clipPath2)" fill="rgb(235,235,235)" width="340" height="38.9219" stroke="none"/>
     </g>
     <g font-size="15px" stroke-linecap="butt" transform="matrix(1,0,0,1,-1060,-107)" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
-      <text x="2909.8792" xml:space="preserve" y="440.9325" clip-path="url(#clipPath2)" stroke="none">Program code outside of Root Component</text>
-      <text x="2935.0708" xml:space="preserve" y="458.3934" clip-path="url(#clipPath2)" stroke="none">(using HalogenIO record type: `io`)</text>
-      <rect x="2897.5769" y="425.0092" clip-path="url(#clipPath2)" fill="none" width="340" stroke-dasharray="6,2" rx="4" ry="4" height="239.6714"/>
+      <text x="3378.1841" xml:space="preserve" y="209.8999" clip-path="url(#clipPath2)" stroke="none">Program code outside of Root Component</text>
+      <text x="3403.3757" xml:space="preserve" y="227.3609" clip-path="url(#clipPath2)" stroke="none">(using HalogenIO record type: `io`)</text>
+      <rect x="3365.8817" y="193.9766" clip-path="url(#clipPath2)" fill="none" width="340" stroke-dasharray="6,2" rx="4" ry="4" height="410.7935"/>
     </g>
     <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(255,204,0)">
-      <rect x="2928.4333" width="278.2871" height="66.25" y="478.931" clip-path="url(#clipPath2)" stroke="none"/>
+      <rect x="3396.7382" width="278.2871" height="66.25" y="247.8984" clip-path="url(#clipPath2)" stroke="none"/>
     </g>
     <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke-linecap="butt">
-      <rect fill="none" x="2928.4333" width="278.2871" height="66.25" y="478.931" clip-path="url(#clipPath2)"/>
-      <text x="2992.2898" xml:space="preserve" y="502.2416" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Via HalogenIO.subscribe,</text>
-      <text x="2935.4333" xml:space="preserve" y="516.2103" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">top-level component's message is received </text>
-      <text x="2974.0349" xml:space="preserve" y="530.1791" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">and passed to external listener</text>
+      <rect fill="none" x="3396.7382" width="278.2871" height="66.25" y="247.8984" clip-path="url(#clipPath2)"/>
+      <text x="3460.5947" xml:space="preserve" y="271.209" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Via HalogenIO.subscribe,</text>
+      <text x="3403.7383" xml:space="preserve" y="285.1777" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">top-level component's message is received </text>
+      <text x="3442.3398" xml:space="preserve" y="299.1465" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">and passed to external listener</text>
     </g>
     <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(255,204,0)">
-      <rect x="2938.5232" width="258.1074" height="66.25" y="580.9233" clip-path="url(#clipPath2)" stroke="none"/>
+      <rect x="3406.828" width="258.1074" height="66.25" y="349.8907" clip-path="url(#clipPath2)" stroke="none"/>
     </g>
     <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke-linecap="butt">
-      <rect fill="none" x="2938.5232" width="258.1074" height="66.25" y="580.9233" clip-path="url(#clipPath2)"/>
-      <text x="2945.5232" xml:space="preserve" y="604.2339" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Via HalogenIO.query, an external Query </text>
-      <text x="2968.9871" xml:space="preserve" y="618.2026" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">is made on the root component, </text>
-      <text x="2965.9753" xml:space="preserve" y="632.1714" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">which may send back information</text>
-      <path fill="none" stroke-dasharray="12,4" d="M2582.3369 512.056 L2919.4333 512.056" stroke-width="2" clip-path="url(#clipPath2)"/>
-      <path stroke-dasharray="12,4" d="M2928.4333 512.056 L2914.9333 506.431 L2918.3083 512.056 L2914.9333 517.681 Z" stroke-width="2" clip-path="url(#clipPath2)" stroke="none"/>
-      <text x="2631.0361" xml:space="preserve" y="498.2851" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Yes</text>
+      <rect fill="none" x="3406.828" width="258.1074" height="66.25" y="349.8907" clip-path="url(#clipPath2)"/>
+      <text x="3413.8281" xml:space="preserve" y="373.2013" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Via HalogenIO.query, an external Query </text>
+      <text x="3437.292" xml:space="preserve" y="387.17" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">is made on the root component, </text>
+      <text x="3434.2803" xml:space="preserve" y="401.1388" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">which may send back information</text>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(255,204,0)">
+      <rect x="3385.3681" width="301.0273" height="78.3714" y="511.3987" clip-path="url(#clipPath2)" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke-linecap="butt">
+      <rect fill="none" x="3385.3681" width="301.0273" height="78.3714" y="511.3987" clip-path="url(#clipPath2)"/>
+      <text x="3392.3682" xml:space="preserve" y="533.7856" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Via HalogenIO.dispose, Halogen will start at the</text>
+      <text x="3423.3027" xml:space="preserve" y="547.7543" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">root component and use a depth-first</text>
+      <text x="3435.5693" xml:space="preserve" y="561.7231" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">traversal to remove components,</text>
+      <text x="3460.4893" xml:space="preserve" y="575.6918" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">running finalizers (if any)</text>
+      <path fill="none" stroke-dasharray="12,4" d="M2582.3223 512.056 L2726.8816 512.056 L2726.8816 281.0234 L3387.7383 281.0234" stroke-width="2" clip-path="url(#clipPath2)"/>
+      <path stroke-dasharray="12,4" d="M3396.7383 281.0234 L3383.2383 275.3984 L3386.6133 281.0234 L3383.2383 286.6484 Z" stroke-width="2" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="2631.0696" xml:space="preserve" y="498.576" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Yes</text>
     </g>
     <g fill="rgb(245,245,245)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(245,245,245)">
       <rect x="1075.1292" y="127.7171" clip-path="url(#clipPath2)" width="338.5586" rx="4" ry="4" height="124.1068" stroke="none"/>
@@ -251,13 +262,13 @@
       <path d="M1200.4749 211.639 L1188.4749 206.639 L1191.4749 211.639 L1188.4749 216.639 Z" clip-path="url(#clipPath2)" stroke="none"/>
     </g>
     <g fill="rgb(245,245,245)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(245,245,245)">
-      <rect x="1968.0963" y="658.0354" clip-path="url(#clipPath2)" width="290.4245" rx="4" ry="4" height="275.5918" stroke="none"/>
+      <rect x="1968.0963" y="658.0354" clip-path="url(#clipPath2)" width="290.4245" rx="4" ry="4" height="296.5711" stroke="none"/>
       <rect x="1968.0963" y="658.0354" clip-path="url(#clipPath2)" fill="rgb(235,235,235)" width="290.4245" height="38.9219" stroke="none"/>
     </g>
     <g font-size="15px" stroke-linecap="butt" transform="matrix(1,0,0,1,-1060,-107)" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
       <text x="2018.7639" xml:space="preserve" y="673.9587" clip-path="url(#clipPath2)" stroke="none">What does the HalogenM</text>
       <text x="2050.1592" xml:space="preserve" y="691.4196" clip-path="url(#clipPath2)" stroke="none">computation do?</text>
-      <rect x="1968.0963" y="658.0354" clip-path="url(#clipPath2)" fill="none" width="290.4245" stroke-dasharray="6,2" rx="4" ry="4" height="275.5918"/>
+      <rect x="1968.0963" y="658.0354" clip-path="url(#clipPath2)" fill="none" width="290.4245" stroke-dasharray="6,2" rx="4" ry="4" height="296.5711"/>
     </g>
     <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(255,204,0)">
       <rect x="2055.2721" width="101" height="30" y="767.5988" clip-path="url(#clipPath2)" stroke="none"/>
@@ -298,18 +309,18 @@
       <text x="2058.1653" xml:space="preserve" y="584.123" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">via `handleAction`</text>
     </g>
     <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(255,204,0)">
-      <path d="M2318.0164 358.3575 L2400.4666 316.3979 L2482.917 358.3575 L2400.4666 400.317 Z" fill-rule="evenodd" clip-path="url(#clipPath2)" stroke="none"/>
+      <path d="M2255.0776 358.3575 L2337.5281 316.3979 L2419.9783 358.3575 L2337.5281 400.317 Z" fill-rule="evenodd" clip-path="url(#clipPath2)" stroke="none"/>
     </g>
     <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke-linecap="butt">
-      <path fill="none" d="M2318.0164 358.3575 L2400.4666 316.3979 L2482.917 358.3575 L2400.4666 400.317 Z" fill-rule="evenodd" clip-path="url(#clipPath2)"/>
-      <text x="2345.0427" xml:space="preserve" y="362.5118" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Maybe ActionType</text>
+      <path fill="none" d="M2255.0776 358.3575 L2337.5281 316.3979 L2419.9783 358.3575 L2337.5281 400.317 Z" fill-rule="evenodd" clip-path="url(#clipPath2)"/>
+      <text x="2282.1042" xml:space="preserve" y="362.5118" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Maybe ActionType</text>
     </g>
     <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(255,204,0)">
-      <rect x="2336.2791" width="128.375" height="30" y="221.3547" clip-path="url(#clipPath2)" stroke="none"/>
+      <rect x="2273.3405" width="128.375" height="30" y="247.4623" clip-path="url(#clipPath2)" stroke="none"/>
     </g>
     <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke-linecap="butt">
-      <rect fill="none" x="2336.2791" width="128.375" height="30" y="221.3547" clip-path="url(#clipPath2)"/>
-      <text x="2343.2791" xml:space="preserve" y="240.509" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">which gets ignored</text>
+      <rect fill="none" x="2273.3405" width="128.375" height="30" y="247.4623" clip-path="url(#clipPath2)"/>
+      <text x="2280.3406" xml:space="preserve" y="266.6166" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">which gets ignored</text>
     </g>
     <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(255,204,0)">
       <rect x="2255.0777" width="180.752" height="50.593" y="588.7518" clip-path="url(#clipPath2)" stroke="none"/>
@@ -321,10 +332,10 @@
       <text x="2269.0415" xml:space="preserve" y="632.1714" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">via child's `handleQuery`</text>
     </g>
     <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(255,204,0)">
-      <path d="M1722.5493 412.4106 L1800.8634 367.2823 L1879.1775 412.4106 L1800.8634 457.5389 Z" fill-rule="evenodd" clip-path="url(#clipPath2)" stroke="none"/>
+      <path d="M1722.5498 412.4106 L1800.8639 367.2823 L1879.178 412.4106 L1800.8639 457.5388 Z" fill-rule="evenodd" clip-path="url(#clipPath2)" stroke="none"/>
     </g>
     <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke-linecap="butt">
-      <path fill="none" d="M1722.5493 412.4106 L1800.8634 367.2823 L1879.1775 412.4106 L1800.8634 457.5389 Z" fill-rule="evenodd" clip-path="url(#clipPath2)"/>
+      <path fill="none" d="M1722.5498 412.4106 L1800.8639 367.2823 L1879.178 412.4106 L1800.8639 457.5388 Z" fill-rule="evenodd" clip-path="url(#clipPath2)"/>
       <text x="1747.9977" xml:space="preserve" y="409.5805" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Does component </text>
       <text x="1756.8453" xml:space="preserve" y="423.5493" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">have children?</text>
     </g>
@@ -343,16 +354,47 @@
     <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke-linecap="butt">
       <rect fill="none" x="2564.8809" width="132.4941" height="30" y="773.6028" clip-path="url(#clipPath2)"/>
       <text x="2571.8809" xml:space="preserve" y="792.7571" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Nothing else occurs</text>
-      <path fill="none" d="M2113.7058 933.6218 L2114.2407 1119.1128" stroke-width="3" clip-path="url(#clipPath2)" stroke="rgb(153,204,255)"/>
-      <path fill="rgb(153,204,255)" d="M2114.2695 1129.1128 L2120.4763 1114.0948 L2114.2371 1117.8628 L2107.9763 1114.1309 Z" stroke-width="3" clip-path="url(#clipPath2)" stroke="none"/>
-      <text x="2125.5215" xml:space="preserve" y="965.4822" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">and then</text>
-      <path fill="none" d="M1968.1088 795.8313 L1903.7233 795.8313" stroke-width="5" clip-path="url(#clipPath2)" stroke="rgb(51,153,102)"/>
-      <path fill="rgb(51,153,102)" d="M1891.7233 795.8313 L1909.7233 803.3313 L1905.2233 795.8313 L1909.7233 788.3313 Z" stroke-width="5" clip-path="url(#clipPath2)" stroke="none"/>
-      <text x="1886.1427" xml:space="preserve" y="769.9856" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">and then</text>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(255,204,0)">
+      <path d="M2982.0688 550.5844 L3086.6919 514.1011 L3191.3149 550.5844 L3086.6919 587.0677 Z" fill-rule="evenodd" clip-path="url(#clipPath2)" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke-linecap="butt">
+      <path fill="none" d="M2982.0688 550.5844 L3086.6919 514.1011 L3191.3149 550.5844 L3086.6919 587.0677 Z" fill-rule="evenodd" clip-path="url(#clipPath2)"/>
+      <text x="3010.0483" xml:space="preserve" y="554.7387" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Component has children?</text>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(255,204,0)">
+      <path d="M2979.1409 696.4785 L3086.6919 627.795 L3194.2432 696.4785 L3086.6919 765.1619 Z" fill-rule="evenodd" clip-path="url(#clipPath2)" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke-linecap="butt">
+      <path fill="none" d="M2979.1409 696.4785 L3086.6919 627.795 L3194.2432 696.4785 L3086.6919 765.1619 Z" fill-rule="evenodd" clip-path="url(#clipPath2)"/>
+      <text x="3011.0239" xml:space="preserve" y="686.664" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Child's `finalize` function</text>
+      <text x="3064.9829" xml:space="preserve" y="700.6328" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">returns</text>
+      <text x="3026.5864" xml:space="preserve" y="714.6015" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Maybe (ActionType)</text>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(255,204,0)">
+      <rect x="2781.7251" width="164.2871" height="40.9009" y="530.134" clip-path="url(#clipPath2)" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke-linecap="butt">
+      <rect fill="none" x="2781.7251" width="164.2871" height="40.9009" y="530.134" clip-path="url(#clipPath2)"/>
+      <text x="2788.7251" xml:space="preserve" y="547.7543" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Component attempts to </text>
+      <text x="2788.7251" xml:space="preserve" y="561.7231" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">remove each component</text>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke="rgb(255,204,0)">
+      <rect x="2652.6784" width="219.1895" height="30.9566" y="681.0002" clip-path="url(#clipPath2)" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke-linecap="butt">
+      <rect fill="none" x="2652.6784" width="219.1895" height="30.9566" y="681.0002" clip-path="url(#clipPath2)"/>
+      <text x="2659.6785" xml:space="preserve" y="700.6328" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Component is removed from DOM</text>
+      <path fill="none" d="M2113.7495 954.6409 L2114.2385 1119.1128" stroke-width="3" clip-path="url(#clipPath2)" stroke="rgb(153,204,255)"/>
+      <path fill="rgb(153,204,255)" d="M2114.2681 1129.1128 L2120.4736 1114.0944 L2114.2349 1117.8628 L2107.9739 1114.1313 Z" stroke-width="3" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="2125.5625" xml:space="preserve" y="984.7438" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">and then</text>
+      <path fill="none" d="M1968.1088 806.3209 L1903.7233 806.3209" stroke-width="5" clip-path="url(#clipPath2)" stroke="rgb(51,153,102)"/>
+      <path fill="rgb(51,153,102)" d="M1891.7233 806.3209 L1909.7233 813.8209 L1905.2233 806.3209 L1909.7233 798.8209 Z" stroke-width="5" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="1886.1427" xml:space="preserve" y="780.4752" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">and then</text>
     </g>
     <g stroke-linecap="round" transform="matrix(1,0,0,1,-1060,-107)" stroke-dashoffset="2" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" stroke-dasharray="0,8" stroke-width="2" stroke-miterlimit="1.45">
-      <path fill="none" d="M2156.272 782.5988 L2486.7212 782.5988 L2486.7212 567.7207" clip-path="url(#clipPath2)"/>
-      <path d="M2486.7212 558.7207 L2481.0962 572.2207 L2486.7212 568.8457 L2492.3462 572.2207 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M2156.272 782.5988 L2377.1006 782.5988 L2377.1006 667.9752 L2486.7212 667.9752 L2486.7212 567.7632" clip-path="url(#clipPath2)"/>
+      <path d="M2486.7212 558.7632 L2481.0962 572.2632 L2486.7212 568.8882 L2492.3462 572.2632 Z" clip-path="url(#clipPath2)" stroke="none"/>
     </g>
     <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-1060,-107)" stroke-linecap="butt">
       <path fill="none" d="M2191.3169 889.2106 L2357.4819 889.2106" clip-path="url(#clipPath2)"/>
@@ -361,29 +403,29 @@
       <path fill="none" d="M1920.8177 566 L2015.9368 566" clip-path="url(#clipPath2)"/>
       <path d="M2023.9368 566 L2011.9368 561 L2014.9368 566 L2011.9368 571 Z" clip-path="url(#clipPath2)" stroke="none"/>
       <text x="1914.879" xml:space="preserve" y="535.3722" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Just (ActionValue)</text>
-      <path fill="none" d="M1718.4213 1010.2398 L1623.0413 1010.2398 L1623.0413 1295.4142 L3251.5322 1295.4142 L3251.5322 739.9145 L2877.5769 739.9145 L2877.5769 122.0964 L2114.3127 122.0964 L2114.3127 528.7035" stroke-width="5" clip-path="url(#clipPath2)" stroke="rgb(51,153,102)"/>
-      <path fill="rgb(51,153,102)" d="M2114.3127 540.7035 L2121.8127 522.7035 L2114.3127 527.2035 L2106.8127 522.7035 Z" stroke-width="5" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M1718.4213 1010.2398 L1623.0413 1010.2398 L1623.0413 1295.4142 L3322.6289 1295.4142 L3322.6289 122.0964 L2114.3127 122.0964 L2114.3127 526.7035" stroke-width="7" clip-path="url(#clipPath2)" stroke="rgb(51,153,102)"/>
+      <path fill="rgb(51,153,102)" d="M2114.3127 540.7035 L2123.0627 519.7035 L2114.3127 524.9535 L2105.5627 519.7035 Z" stroke-width="7" clip-path="url(#clipPath2)" stroke="none"/>
       <text x="1621.9305" xml:space="preserve" y="982.6186" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Just ActionValue</text>
-      <path fill="none" d="M2627.6602 1212.7782 L2627.6602 1247.7053 L3206.259 1247.7053 L3206.259 780.6714 L2831.4573 780.6714 L2831.4573 160.5268 L2201.4575 160.5268 L2201.4575 442.5213 L2114.3127 442.5213 L2114.3127 530.7035" stroke-width="3" clip-path="url(#clipPath2)" stroke="rgb(153,204,255)"/>
-      <path fill="rgb(153,204,255)" d="M2114.3127 540.7035 L2120.5627 525.7035 L2114.3127 529.4535 L2108.0627 525.7035 Z" stroke-width="3" clip-path="url(#clipPath2)" stroke="none"/>
-      <text x="2664.2034" xml:space="preserve" y="1220.6737" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Just (ActionValue)</text>
-      <path fill="none" d="M2114.2021 591.2965 L2113.9456 650.06" clip-path="url(#clipPath2)"/>
-      <path d="M2113.9104 658.0599 L2118.9631 646.082 L2113.95 649.06 L2108.9631 646.0381 Z" clip-path="url(#clipPath2)" stroke="none"/>
-      <path fill="none" d="M2595.3276 362.5856 L2487.5793 360.2477" clip-path="url(#clipPath2)"/>
-      <path d="M2479.5813 360.0741 L2491.47 365.3333 L2488.5791 360.2694 L2491.687 355.3356 Z" clip-path="url(#clipPath2)" stroke="none"/>
-      <text x="2499.1277" xml:space="preserve" y="336.1372" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">which gets mapped to </text>
-      <path fill="none" d="M2318.0305 358.3575 L2277.0083 358.3575 L2277.0083 489.6624 L2114.3127 489.6624 L2114.3127 532.7035" clip-path="url(#clipPath2)"/>
-      <path d="M2114.3127 540.7035 L2119.3127 528.7035 L2114.3127 531.7035 L2109.3127 528.7035 Z" clip-path="url(#clipPath2)" stroke="none"/>
-      <text x="2242.2859" xml:space="preserve" y="323.7577" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Just (ActionValue)</text>
-      <path fill="none" d="M2400.4666 316.3893 L2400.4666 259.3547" clip-path="url(#clipPath2)"/>
-      <path d="M2400.4666 251.3547 L2395.4666 263.3547 L2400.4666 260.3547 L2405.4666 263.3547 Z" clip-path="url(#clipPath2)" stroke="none"/>
-      <text x="2406.8738" xml:space="preserve" y="288.0306" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Nothing</text>
+      <path fill="none" d="M2627.6602 1212.7782 L2627.6602 1247.7053 L3292.2742 1247.7053 L3291.4277 160.5268 L2131.7954 160.5268 L2131.7954 395.7104 L2114.3127 395.7104 L2114.3127 442.5213 L2114.3127 528.7035" stroke-width="5" clip-path="url(#clipPath2)" stroke="rgb(153,204,255)"/>
+      <path fill="rgb(153,204,255)" d="M2114.3127 540.7035 L2121.8127 522.7035 L2114.3127 527.2035 L2106.8127 522.7035 Z" stroke-width="5" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="2677.5859" xml:space="preserve" y="1220.6737" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Just (ActionValue)</text>
+      <path fill="none" d="M2114.207 591.2965 L2113.9614 650.0455" clip-path="url(#clipPath2)"/>
+      <path d="M2113.9282 658.0454 L2118.978 646.0663 L2113.9656 649.0455 L2108.978 646.0248 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M2518.8696 358.3575 L2428.0083 358.3575" clip-path="url(#clipPath2)"/>
+      <path d="M2420.0083 358.3575 L2432.0083 363.3575 L2429.0083 358.3575 L2432.0083 353.3575 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="2425.3987" xml:space="preserve" y="332.5118" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">which gets mapped to </text>
+      <path fill="none" d="M2255.0918 358.3575 L2214.0696 358.3575 L2214.0696 489.6624 L2114.3127 489.6624 L2114.3127 531.7035" stroke-width="2" clip-path="url(#clipPath2)"/>
+      <path d="M2114.3127 540.7035 L2119.9377 527.2035 L2114.3127 530.5785 L2108.6877 527.2035 Z" stroke-width="2" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="2179.3472" xml:space="preserve" y="323.7577" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Just (ActionValue)</text>
+      <path fill="none" d="M2337.5281 316.3565 L2337.5281 285.4623" clip-path="url(#clipPath2)"/>
+      <path d="M2337.5281 277.4623 L2332.5281 289.4623 L2337.5281 286.4623 L2342.5281 289.4623 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="2343.9353" xml:space="preserve" y="301.0844" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Nothing</text>
       <path fill="none" d="M2175.6753 732.2162 L2345.4536 732.2162 L2345.4536 647.3448" clip-path="url(#clipPath2)"/>
       <path d="M2345.4536 639.3448 L2340.4536 651.3448 L2345.4536 648.3448 L2350.4536 651.3448 Z" clip-path="url(#clipPath2)" stroke="none"/>
-      <path fill="none" stroke-dasharray="12,4" d="M2938.5232 614.0483 L2444.8296 614.0483" stroke-width="2" clip-path="url(#clipPath2)"/>
+      <path fill="none" stroke-dasharray="12,4" d="M3406.8281 383.0157 L2751.1245 383.0157 L2751.1245 551.4235 L2599.1409 551.4235 L2599.1409 614.0483 L2444.8296 614.0483" stroke-width="2" clip-path="url(#clipPath2)"/>
       <path stroke-dasharray="12,4" d="M2435.8296 614.0483 L2449.3296 619.6733 L2445.9546 614.0483 L2449.3296 608.4233 Z" stroke-width="2" clip-path="url(#clipPath2)" stroke="none"/>
-      <path fill="none" d="M2255.0776 613.8342 L2114.3127 613.5005 L2114.1113 650.0596" clip-path="url(#clipPath2)"/>
-      <path d="M2114.0674 658.0594 L2119.1333 646.0871 L2114.1169 649.0596 L2109.1333 646.0322 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M2255.0776 613.8342 L2114.3127 613.5005 L2114.1223 650.081" clip-path="url(#clipPath2)"/>
+      <path d="M2114.0806 658.0809 L2119.1431 646.1071 L2114.1274 649.081 L2109.1433 646.0549 Z" clip-path="url(#clipPath2)" stroke="none"/>
       <path fill="none" d="M1800.8639 318.5361 L1800.8639 359.261" clip-path="url(#clipPath2)"/>
       <path d="M1800.8639 367.261 L1805.8639 355.261 L1800.8639 358.261 L1795.8639 355.261 Z" clip-path="url(#clipPath2)" stroke="none"/>
       <path fill="none" d="M1800.8639 457.52 L1800.8639 498.2777" clip-path="url(#clipPath2)"/>
@@ -405,6 +447,32 @@
       <path fill="none" d="M2631.1279 846.0298 L2631.1279 811.6028" clip-path="url(#clipPath2)"/>
       <path d="M2631.1279 803.6028 L2626.1279 815.6028 L2631.1279 812.6028 L2636.1279 815.6028 Z" clip-path="url(#clipPath2)" stroke="none"/>
       <text x="2652.9688" xml:space="preserve" y="828.9575" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">No</text>
+      <path fill="none" stroke-dasharray="12,4" d="M3385.3682 550.5844 L3200.2942 550.5844" stroke-width="2" clip-path="url(#clipPath2)"/>
+      <path stroke-dasharray="12,4" d="M3191.2942 550.5844 L3204.7942 556.2094 L3201.4192 550.5844 L3204.7942 544.9594 Z" stroke-width="2" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M3086.6919 587.0936 L3086.6919 619.8192" clip-path="url(#clipPath2)"/>
+      <path d="M3086.6919 627.8192 L3091.6919 615.8192 L3086.6919 618.8192 L3081.6919 615.8192 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="3108.5327" xml:space="preserve" y="617.9649" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">No</text>
+      <path fill="none" d="M3194.2693 696.4785 L3257.0193 696.4785 L3257.0193 219.9999 L2156.2712 219.9999 L2156.2712 437.669 L2114.3127 437.669 L2114.3127 531.7035" stroke-width="2" clip-path="url(#clipPath2)" stroke="rgb(255,153,0)"/>
+      <path fill="rgb(255,153,0)" d="M2114.3127 540.7035 L2119.9377 527.2035 L2114.3127 530.5785 L2108.6877 527.2035 Z" stroke-width="2" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="3201.2432" xml:space="preserve" y="670.8896" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Just a</text>
+      <path fill="none" d="M2982.0532 550.5844 L2954.0122 550.5844" clip-path="url(#clipPath2)"/>
+      <path d="M2946.0122 550.5844 L2958.0122 555.5844 L2955.0122 550.5844 L2958.0122 545.5844 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="2953.5581" xml:space="preserve" y="524.7387" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Yes</text>
+      <path fill="none" d="M2863.8687 530.134 L2863.8687 483.2456 L3086.6919 483.2456 L3086.6919 506.1202" clip-path="url(#clipPath2)"/>
+      <path d="M3086.6919 514.1202 L3091.6919 502.1202 L3086.6919 505.1202 L3081.6919 502.1202 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="2830.5933" xml:space="preserve" y="450.4155" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">(eventually, this will hit a component without children</text>
+      <text x="2840.1792" xml:space="preserve" y="464.3843" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">and then run this on its siblings, and then parents)</text>
+      <path fill="none" d="M2258.5352 806.3209 L2510.8013 806.3209 L2510.8013 696.4785 L2642.6785 696.4785" stroke-width="3" clip-path="url(#clipPath2)" stroke="rgb(255,153,0)"/>
+      <path fill="rgb(255,153,0)" d="M2652.6785 696.4785 L2637.6785 690.2285 L2641.4285 696.4785 L2637.6785 702.7285 Z" stroke-width="3" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="2420.187" xml:space="preserve" y="789.8467" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">and then</text>
+      <path fill="none" d="M2979.1729 696.4785 L2879.8679 696.4785" clip-path="url(#clipPath2)"/>
+      <path d="M2871.8679 696.4785 L2883.8679 701.4785 L2880.8679 696.4785 L2883.8679 691.4785 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="2886.6152" xml:space="preserve" y="670.6328" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Nothing</text>
+      <path fill="none" d="M2762.2732 711.9568 L2762.2732 806.3209 L3086.6919 806.3209 L3086.6919 773.1569" clip-path="url(#clipPath2)"/>
+      <path d="M3086.6919 765.1569 L3081.6919 777.1569 L3086.6919 774.1569 L3091.6919 777.1569 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="2819.1587" xml:space="preserve" y="766.5065" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">(and then for its sibling </text>
+      <text x="2830.4204" xml:space="preserve" y="780.4752" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">or its parent if there</text>
+      <text x="2817.7437" xml:space="preserve" y="794.444" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">aren't anymore siblings)</text>
     </g>
   </g>
 </svg>
diff --git a/src/07-Halogen-Control-Flow.md b/src/07-Halogen-Control-Flow.md
index 5a79de8..20fc8fb 100644
--- a/src/07-Halogen-Control-Flow.md
+++ b/src/07-Halogen-Control-Flow.md
@@ -1,5 +1,3 @@
 # Halogen Control Flow
 
-This version does not yet include `io.dispose`.
-
 ![Halogen-v5](../assets/visuals/Halogen-v5.svg)
diff --git a/table-of-contents.md b/table-of-contents.md
index dc57f46..53a8145 100644
--- a/table-of-contents.md
+++ b/table-of-contents.md
@@ -4,179 +4,179 @@
 
 ## src
 
-- [ReadMe.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/ReadMe.md)
-    - [Outline](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/ReadMe.md#Outline)
-    - [Compilation and Viewing Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/ReadMe.md#Compilation-and-Viewing-Instructions)
+- [ReadMe.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/ReadMe.md)
+    - [Outline](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/ReadMe.md#Outline)
+    - [Compilation and Viewing Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/ReadMe.md#Compilation-and-Viewing-Instructions)
 - 01 Static HTML
-    - [01 Static HTML.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/01-Static-HTML/01-Static-HTML.md)
-        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/01-Static-HTML/01-Static-HTML.md#Compiling-Instructions)
-    - [02 Static HTML.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/01-Static-HTML/02-Static-HTML.purs)
-    - [03 Adding Properties.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/01-Static-HTML/03-Adding-Properties.md)
-        - [The `HH.value_` Pattern](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/01-Static-HTML/03-Adding-Properties.md#The-HHvalue_-Pattern)
-        - [Adding Properties](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/01-Static-HTML/03-Adding-Properties.md#Adding-Properties)
-        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/01-Static-HTML/03-Adding-Properties.md#Compiling-Instructions)
-    - [04 Adding Properties.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/01-Static-HTML/04-Adding-Properties.purs)
-    - [05 Adding CSS.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/01-Static-HTML/05-Adding-CSS.md)
-        - [Explaining how `purescript-css` and `purescript-halogen-css` work together](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/01-Static-HTML/05-Adding-CSS.md#Explaining-how-purescript-css-and-purescript-halogen-css-work-together)
-            - [CSS' single and multi key-pair syntax](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/01-Static-HTML/05-Adding-CSS.md#CSS-single-and-multi-key-pair-syntax)
-        - [Adding CSS](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/01-Static-HTML/05-Adding-CSS.md#Adding-CSS)
-        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/01-Static-HTML/05-Adding-CSS.md#Compiling-Instructions)
-    - [06 Adding CSS.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/01-Static-HTML/06-Adding-CSS.purs)
+    - [01 Static HTML.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/01-Static-HTML/01-Static-HTML.md)
+        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/01-Static-HTML/01-Static-HTML.md#Compiling-Instructions)
+    - [02 Static HTML.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/01-Static-HTML/02-Static-HTML.purs)
+    - [03 Adding Properties.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/01-Static-HTML/03-Adding-Properties.md)
+        - [The `HH.value_` Pattern](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/01-Static-HTML/03-Adding-Properties.md#The-HHvalue_-Pattern)
+        - [Adding Properties](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/01-Static-HTML/03-Adding-Properties.md#Adding-Properties)
+        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/01-Static-HTML/03-Adding-Properties.md#Compiling-Instructions)
+    - [04 Adding Properties.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/01-Static-HTML/04-Adding-Properties.purs)
+    - [05 Adding CSS.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/01-Static-HTML/05-Adding-CSS.md)
+        - [Explaining how `purescript-css` and `purescript-halogen-css` work together](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/01-Static-HTML/05-Adding-CSS.md#Explaining-how-purescript-css-and-purescript-halogen-css-work-together)
+            - [CSS' single and multi key-pair syntax](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/01-Static-HTML/05-Adding-CSS.md#CSS-single-and-multi-key-pair-syntax)
+        - [Adding CSS](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/01-Static-HTML/05-Adding-CSS.md#Adding-CSS)
+        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/01-Static-HTML/05-Adding-CSS.md#Compiling-Instructions)
+    - [06 Adding CSS.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/01-Static-HTML/06-Adding-CSS.purs)
 - 02 Dynamic HTML
-    - [01 Adding State.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/01-Adding-State.md)
-        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/01-Adding-State.md#Compiling-Instructions)
-    - [02 Adding State.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/02-Adding-State.purs)
-    - [03 Understanding Monads.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/03-Understanding-Monads.md)
-        - [Longer Deeper Overview of Monads](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/03-Understanding-Monads.md#Longer-Deeper-Overview-of-Monads)
-        - [Brief High-Level Overview of Monads](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/03-Understanding-Monads.md#Brief-High-Level-Overview-of-Monads)
-            - [`Box`-like Types](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/03-Understanding-Monads.md#Box-like-Types)
-            - [`Do` Syntax](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/03-Understanding-Monads.md#Do-Syntax)
-                - [Basic](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/03-Understanding-Monads.md#Basic)
-                - [Requirements for the Last Monadic Computation in Do Notation](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/03-Understanding-Monads.md#Requirements-for-the-Last-Monadic-Computation-in-Do-Notation)
-                - [Adding `Let` and `Discard`](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/03-Understanding-Monads.md#Adding-Let-and-Discard)
-            - [Different `Monadic` Box Types](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/03-Understanding-Monads.md#Different-Monadic-Box-Types)
-            - [Monad Transformers](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/03-Understanding-Monads.md#Monad-Transformers)
-                - [The Problem](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/03-Understanding-Monads.md#The-Problem)
-                - [A Solution](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/03-Understanding-Monads.md#A-Solution)
-            - [Replacing `Box` with Monad Transformers](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/03-Understanding-Monads.md#Replacing-Box-with-Monad-Transformers)
-            - [The Problem of Composing Monadic Types](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/03-Understanding-Monads.md#The-Problem-of-Composing-Monadic-Types)
-    - [04 Adding Event Handling.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/04-Adding-Event-Handling.md)
-        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/04-Adding-Event-Handling.md#Compiling-Instructions)
-    - [05 Adding Event Handling.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/05-Adding-Event-Handling.purs)
-    - [06 Referring to Elements.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/06-Referring-to-Elements.md)
-        - [Idiomatically using `H.getHTMLElementRef`](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/06-Referring-to-Elements.md#Idiomatically-using-HgetHTMLElementRef)
-        - [Full Example](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/06-Referring-to-Elements.md#Full-Example)
-        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/06-Referring-to-Elements.md#Compiling-Instructions)
-    - [06 Referring to Elements.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/06-Referring-to-Elements.purs)
-    - [11 Prevent Default and Stop Propagation.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/11-Prevent-Default-and-Stop-Propagation.md)
-        - [Full Solution](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/02-Dynamic-HTML/11-Prevent-Default-and-Stop-Propagation.md#Full-Solution)
+    - [01 Adding State.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/01-Adding-State.md)
+        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/01-Adding-State.md#Compiling-Instructions)
+    - [02 Adding State.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/02-Adding-State.purs)
+    - [03 Understanding Monads.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/03-Understanding-Monads.md)
+        - [Longer Deeper Overview of Monads](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/03-Understanding-Monads.md#Longer-Deeper-Overview-of-Monads)
+        - [Brief High-Level Overview of Monads](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/03-Understanding-Monads.md#Brief-High-Level-Overview-of-Monads)
+            - [`Box`-like Types](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/03-Understanding-Monads.md#Box-like-Types)
+            - [`Do` Syntax](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/03-Understanding-Monads.md#Do-Syntax)
+                - [Basic](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/03-Understanding-Monads.md#Basic)
+                - [Requirements for the Last Monadic Computation in Do Notation](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/03-Understanding-Monads.md#Requirements-for-the-Last-Monadic-Computation-in-Do-Notation)
+                - [Adding `Let` and `Discard`](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/03-Understanding-Monads.md#Adding-Let-and-Discard)
+            - [Different `Monadic` Box Types](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/03-Understanding-Monads.md#Different-Monadic-Box-Types)
+            - [Monad Transformers](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/03-Understanding-Monads.md#Monad-Transformers)
+                - [The Problem](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/03-Understanding-Monads.md#The-Problem)
+                - [A Solution](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/03-Understanding-Monads.md#A-Solution)
+            - [Replacing `Box` with Monad Transformers](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/03-Understanding-Monads.md#Replacing-Box-with-Monad-Transformers)
+            - [The Problem of Composing Monadic Types](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/03-Understanding-Monads.md#The-Problem-of-Composing-Monadic-Types)
+    - [04 Adding Event Handling.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/04-Adding-Event-Handling.md)
+        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/04-Adding-Event-Handling.md#Compiling-Instructions)
+    - [05 Adding Event Handling.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/05-Adding-Event-Handling.purs)
+    - [06 Referring to Elements.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/06-Referring-to-Elements.md)
+        - [Idiomatically using `H.getHTMLElementRef`](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/06-Referring-to-Elements.md#Idiomatically-using-HgetHTMLElementRef)
+        - [Full Example](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/06-Referring-to-Elements.md#Full-Example)
+        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/06-Referring-to-Elements.md#Compiling-Instructions)
+    - [06 Referring to Elements.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/06-Referring-to-Elements.purs)
+    - [11 Prevent Default and Stop Propagation.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/11-Prevent-Default-and-Stop-Propagation.md)
+        - [Full Solution](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/02-Dynamic-HTML/11-Prevent-Default-and-Stop-Propagation.md#Full-Solution)
 - 03 Parent Child Relationships
-    - [ReadMe.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/ReadMe.md)
-        - [How to Read This Folder](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/ReadMe.md#How-to-Read-This-Folder)
-        - [Capability-Based Components](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/ReadMe.md#Capability-Based-Components)
-        - [Rendering](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/ReadMe.md#Rendering)
-            - [Initial Rendering](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/ReadMe.md#Initial-Rendering)
-            - [Each Re-Render Thereafter](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/ReadMe.md#Each-Re-Render-Thereafter)
-        - [Parent-Child Communication](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/ReadMe.md#Parent-Child-Communication)
-            - [Child to Parent Communication](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/ReadMe.md#Child-to-Parent-Communication)
-            - [Parent to Child Communication](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/ReadMe.md#Parent-to-Child-Communication)
-        - [The Problem of Multiple Children and the Solution of Slot Addresses](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/ReadMe.md#The-Problem-of-Multiple-Children-and-the-Solution-of-Slot-Addresses)
-            - [What is a `slot`?](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/ReadMe.md#What-is-a-slot)
-            - [A Note on Children's `Child Slots`](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/ReadMe.md#A-Note-on-Childrens-Child-Slots)
-            - [How Do We Refer to the Slot's Label?](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/ReadMe.md#How-Do-We-Refer-to-the-Slots-Label)
-            - [A note on the `Slot Index` type](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/ReadMe.md#A-note-on-the-Slot-Index-type)
+    - [ReadMe.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/ReadMe.md)
+        - [How to Read This Folder](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/ReadMe.md#How-to-Read-This-Folder)
+        - [Capability-Based Components](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/ReadMe.md#Capability-Based-Components)
+        - [Rendering](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/ReadMe.md#Rendering)
+            - [Initial Rendering](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/ReadMe.md#Initial-Rendering)
+            - [Each Re-Render Thereafter](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/ReadMe.md#Each-Re-Render-Thereafter)
+        - [Parent-Child Communication](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/ReadMe.md#Parent-Child-Communication)
+            - [Child to Parent Communication](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/ReadMe.md#Child-to-Parent-Communication)
+            - [Parent to Child Communication](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/ReadMe.md#Parent-to-Child-Communication)
+        - [The Problem of Multiple Children and the Solution of Slot Addresses](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/ReadMe.md#The-Problem-of-Multiple-Children-and-the-Solution-of-Slot-Addresses)
+            - [What is a `slot`?](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/ReadMe.md#What-is-a-slot)
+            - [A Note on Children's `Child Slots`](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/ReadMe.md#A-Note-on-Childrens-Child-Slots)
+            - [How Do We Refer to the Slot's Label?](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/ReadMe.md#How-Do-We-Refer-to-the-Slots-Label)
+            - [A note on the `Slot Index` type](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/ReadMe.md#A-note-on-the-Slot-Index-type)
     - 01 Childlike Components
-        - [01 Input Only.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/01-Childlike-Components/01-Input-Only.md)
-            - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/01-Childlike-Components/01-Input-Only.md#Compiling-Instructions)
-        - [02 Input Only.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/01-Childlike-Components/02-Input-Only.purs)
-        - [03 Message Only.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/01-Childlike-Components/03-Message-Only.md)
-            - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/01-Childlike-Components/03-Message-Only.md#Compiling-Instructions)
-        - [04 Message Only.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/01-Childlike-Components/04-Message-Only.purs)
-        - [05 Query Only.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/01-Childlike-Components/05-Query-Only.md)
-            - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/01-Childlike-Components/05-Query-Only.md#Compiling-Instructions)
-        - [06 Query Only.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/01-Childlike-Components/06-Query-Only.purs)
-        - [07 All: No Halogen Types.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/01-Childlike-Components/07-All--No-Halogen-Types.md)
-            - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/01-Childlike-Components/07-All--No-Halogen-Types.md#Compiling-Instructions)
-        - [08 All: No Halogen Types.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/01-Childlike-Components/08-All--No-Halogen-Types.purs)
-        - [11 All: With Halogen Types.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/01-Childlike-Components/11-All--With-Halogen-Types.md)
-            - [The `Eval` label](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/01-Childlike-Components/11-All--With-Halogen-Types.md#The-Eval-label)
-            - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/01-Childlike-Components/11-All--With-Halogen-Types.md#Compiling-Instructions)
-        - [12 All: With Halogen Types.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/01-Childlike-Components/12-All--With-Halogen-Types.purs)
+        - [01 Input Only.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/01-Childlike-Components/01-Input-Only.md)
+            - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/01-Childlike-Components/01-Input-Only.md#Compiling-Instructions)
+        - [02 Input Only.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/01-Childlike-Components/02-Input-Only.purs)
+        - [03 Message Only.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/01-Childlike-Components/03-Message-Only.md)
+            - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/01-Childlike-Components/03-Message-Only.md#Compiling-Instructions)
+        - [04 Message Only.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/01-Childlike-Components/04-Message-Only.purs)
+        - [05 Query Only.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/01-Childlike-Components/05-Query-Only.md)
+            - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/01-Childlike-Components/05-Query-Only.md#Compiling-Instructions)
+        - [06 Query Only.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/01-Childlike-Components/06-Query-Only.purs)
+        - [07 All: No Halogen Types.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/01-Childlike-Components/07-All--No-Halogen-Types.md)
+            - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/01-Childlike-Components/07-All--No-Halogen-Types.md#Compiling-Instructions)
+        - [08 All: No Halogen Types.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/01-Childlike-Components/08-All--No-Halogen-Types.purs)
+        - [11 All: With Halogen Types.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/01-Childlike-Components/11-All--With-Halogen-Types.md)
+            - [The `Eval` label](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/01-Childlike-Components/11-All--With-Halogen-Types.md#The-Eval-label)
+            - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/01-Childlike-Components/11-All--With-Halogen-Types.md#Compiling-Instructions)
+        - [12 All: With Halogen Types.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/01-Childlike-Components/12-All--With-Halogen-Types.purs)
     - 02 Parentlike Components
-        - [01 Basic Container.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/01-Basic-Container.md)
-            - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/01-Basic-Container.md#Compiling-Instructions)
-        - [02 Basic Container.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/02-Basic-Container.purs)
+        - [01 Basic Container.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/01-Basic-Container.md)
+            - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/01-Basic-Container.md#Compiling-Instructions)
+        - [02 Basic Container.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/02-Basic-Container.purs)
         - 03 Single Child
-            - [01 Input Only.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/03-Single-Child/01-Input-Only.md)
-                - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/03-Single-Child/01-Input-Only.md#Compiling-Instructions)
-            - [02 Input Only.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/03-Single-Child/02-Input-Only.purs)
-            - [03 Message Only.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/03-Single-Child/03-Message-Only.md)
-                - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/03-Single-Child/03-Message-Only.md#Compiling-Instructions)
-            - [04 Message Only.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/03-Single-Child/04-Message-Only.purs)
-            - [05 Query Only.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/03-Single-Child/05-Query-Only.md)
-                - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/03-Single-Child/05-Query-Only.md#Compiling-Instructions)
-            - [06 Query Only.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/03-Single-Child/06-Query-Only.purs)
+            - [01 Input Only.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/03-Single-Child/01-Input-Only.md)
+                - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/03-Single-Child/01-Input-Only.md#Compiling-Instructions)
+            - [02 Input Only.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/03-Single-Child/02-Input-Only.purs)
+            - [03 Message Only.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/03-Single-Child/03-Message-Only.md)
+                - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/03-Single-Child/03-Message-Only.md#Compiling-Instructions)
+            - [04 Message Only.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/03-Single-Child/04-Message-Only.purs)
+            - [05 Query Only.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/03-Single-Child/05-Query-Only.md)
+                - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/03-Single-Child/05-Query-Only.md#Compiling-Instructions)
+            - [06 Query Only.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/03-Single-Child/06-Query-Only.purs)
         - 04 Multiple Children
-            - [01 Revealing Child Slots.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/04-Multiple-Children/01-Revealing-Child-Slots.md)
-                - [Rendering a Child using Slots](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/04-Multiple-Children/01-Revealing-Child-Slots.md#Rendering-a-Child-using-Slots)
-                - [Quering a Child using slots](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/04-Multiple-Children/01-Revealing-Child-Slots.md#Quering-a-Child-using-slots)
-                - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/04-Multiple-Children/01-Revealing-Child-Slots.md#Compiling-Instructions)
-            - [02 Revealing Child Slots.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/04-Multiple-Children/02-Revealing-Child-Slots.purs)
-            - [03 Multiple Slots.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/04-Multiple-Children/03-Multiple-Slots.md)
-                - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/04-Multiple-Children/03-Multiple-Slots.md#Compiling-Instructions)
-            - [04 Multiple Slots.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/03-Parent-Child-Relationships/02-Parentlike-Components/04-Multiple-Children/04-Multiple-Slots.purs)
+            - [01 Revealing Child Slots.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/04-Multiple-Children/01-Revealing-Child-Slots.md)
+                - [Rendering a Child using Slots](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/04-Multiple-Children/01-Revealing-Child-Slots.md#Rendering-a-Child-using-Slots)
+                - [Querying a Child using slots](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/04-Multiple-Children/01-Revealing-Child-Slots.md#Querying-a-Child-using-slots)
+                - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/04-Multiple-Children/01-Revealing-Child-Slots.md#Compiling-Instructions)
+            - [02 Revealing Child Slots.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/04-Multiple-Children/02-Revealing-Child-Slots.purs)
+            - [03 Multiple Slots.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/04-Multiple-Children/03-Multiple-Slots.md)
+                - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/04-Multiple-Children/03-Multiple-Slots.md#Compiling-Instructions)
+            - [04 Multiple Slots.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/03-Parent-Child-Relationships/02-Parentlike-Components/04-Multiple-Children/04-Multiple-Slots.purs)
 - 04 Lifecycle
-    - [01 Lifecycle.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/04-Lifecycle/01-Lifecycle.md)
-        - [The Initialize and Finalize Hooks](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/04-Lifecycle/01-Lifecycle.md#The-Initialize-and-Finalize-Hooks)
-        - [Handling the Hooks](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/04-Lifecycle/01-Lifecycle.md#Handling-the-Hooks)
-        - [Top-Level Component Bug](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/04-Lifecycle/01-Lifecycle.md#Top-Level-Component-Bug)
-        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/04-Lifecycle/01-Lifecycle.md#Compiling-Instructions)
-            - [Child Lifecycle Component](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/04-Lifecycle/01-Lifecycle.md#Child-Lifecycle-Component)
-            - [Parent Lifecycle Component](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/04-Lifecycle/01-Lifecycle.md#Parent-Lifecycle-Component)
-    - [02 Child Lifecycle.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/04-Lifecycle/02-Child-Lifecycle.purs)
-    - [03 Parent Lifecycle.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/04-Lifecycle/03-Parent-Lifecycle.purs)
-- [05 ComponentTemplate A.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/05-ComponentTemplate-A.purs)
-- [05 ComponentTemplate B.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/05-ComponentTemplate-B.purs)
+    - [01 Lifecycle.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/04-Lifecycle/01-Lifecycle.md)
+        - [The Initialize and Finalize Hooks](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/04-Lifecycle/01-Lifecycle.md#The-Initialize-and-Finalize-Hooks)
+        - [Handling the Hooks](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/04-Lifecycle/01-Lifecycle.md#Handling-the-Hooks)
+        - [Top-Level Component Bug](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/04-Lifecycle/01-Lifecycle.md#Top-Level-Component-Bug)
+        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/04-Lifecycle/01-Lifecycle.md#Compiling-Instructions)
+            - [Child Lifecycle Component](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/04-Lifecycle/01-Lifecycle.md#Child-Lifecycle-Component)
+            - [Parent Lifecycle Component](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/04-Lifecycle/01-Lifecycle.md#Parent-Lifecycle-Component)
+    - [02 Child Lifecycle.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/04-Lifecycle/02-Child-Lifecycle.purs)
+    - [03 Parent Lifecycle.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/04-Lifecycle/03-Parent-Lifecycle.purs)
+- [05 ComponentTemplate A.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/05-ComponentTemplate-A.purs)
+- [05 ComponentTemplate B.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/05-ComponentTemplate-B.purs)
 - 06 Driver
-    - [ReadMe.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/ReadMe.md)
-        - [Running a component with `runUI`](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/ReadMe.md#Running-a-component-with-runUI)
-        - [Communicating with the top-level component via the `HalogenIO` type (a record)](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/ReadMe.md#Communicating-with-the-top-level-component-via-the-HalogenIO-type-a-record)
-            - [Sending Queries into the Top-Level Component](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/ReadMe.md#Sending-Queries-into-the-Top-Level-Component)
-            - [Subscribing to Messages Raised by the Top-Level Component](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/ReadMe.md#Subscribing-to-Messages-Raised-by-the-Top-Level-Component)
-            - [Disposing a Top-Level Component](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/ReadMe.md#Disposing-a-Top-Level-Component)
-    - [01 Running Components.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/01-Running-Components.md)
-        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/01-Running-Components.md#Compiling-Instructions)
-    - [02 Running Components.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/02-Running-Components.purs)
-    - [03 Embedding Components.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/03-Embedding-Components.md)
-        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/03-Embedding-Components.md#Compiling-Instructions)
-    - [04 Embedding Components.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/04-Embedding-Components.purs)
-    - [11 Querying Components.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/11-Querying-Components.md)
-        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/11-Querying-Components.md#Compiling-Instructions)
-    - [12 Querying Components.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/12-Querying-Components.purs)
-    - [13 Subscribing to Messages.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/13-Subscribing-to-Messages.md)
-        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/13-Subscribing-to-Messages.md#Compiling-Instructions)
-    - [14 Subscribing to Messages.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/14-Subscribing-to-Messages.purs)
-    - [15 Disposing Components.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/15-Disposing-Components.md)
-        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/15-Disposing-Components.md#Compiling-Instructions)
-    - [16 Disposing Components.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/06-Driver/16-Disposing-Components.purs)
-- [07 Halogen Control Flow.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/07-Halogen-Control-Flow.md)
+    - [ReadMe.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/ReadMe.md)
+        - [Running a component with `runUI`](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/ReadMe.md#Running-a-component-with-runUI)
+        - [Communicating with the top-level component via the `HalogenIO` type (a record)](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/ReadMe.md#Communicating-with-the-top-level-component-via-the-HalogenIO-type-a-record)
+            - [Sending Queries into the Top-Level Component](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/ReadMe.md#Sending-Queries-into-the-Top-Level-Component)
+            - [Subscribing to Messages Raised by the Top-Level Component](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/ReadMe.md#Subscribing-to-Messages-Raised-by-the-Top-Level-Component)
+            - [Disposing a Top-Level Component](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/ReadMe.md#Disposing-a-Top-Level-Component)
+    - [01 Running Components.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/01-Running-Components.md)
+        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/01-Running-Components.md#Compiling-Instructions)
+    - [02 Running Components.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/02-Running-Components.purs)
+    - [03 Embedding Components.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/03-Embedding-Components.md)
+        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/03-Embedding-Components.md#Compiling-Instructions)
+    - [04 Embedding Components.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/04-Embedding-Components.purs)
+    - [11 Querying Components.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/11-Querying-Components.md)
+        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/11-Querying-Components.md#Compiling-Instructions)
+    - [12 Querying Components.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/12-Querying-Components.purs)
+    - [13 Subscribing to Messages.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/13-Subscribing-to-Messages.md)
+        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/13-Subscribing-to-Messages.md#Compiling-Instructions)
+    - [14 Subscribing to Messages.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/14-Subscribing-to-Messages.purs)
+    - [15 Disposing Components.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/15-Disposing-Components.md)
+        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/15-Disposing-Components.md#Compiling-Instructions)
+    - [16 Disposing Components.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/06-Driver/16-Disposing-Components.purs)
+- [07 Halogen Control Flow.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/07-Halogen-Control-Flow.md)
 - 08 Going Deeper
-    - [01 A Different Monad.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/08-Going-Deeper/01-A-Different-Monad.md)
-        - [Don't Use `StateT` as the `MonadType` in a component.](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/08-Going-Deeper/01-A-Different-Monad.md#Dont-Use-StateT-as-the-MonadType-in-a-component)
-        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/08-Going-Deeper/01-A-Different-Monad.md#Compiling-Instructions)
-            - [ReaderT](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/08-Going-Deeper/01-A-Different-Monad.md#ReaderT)
-            - [Run](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/08-Going-Deeper/01-A-Different-Monad.md#Run)
-    - [02 A Different Monad: ReaderT.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/08-Going-Deeper/02-A-Different-Monad--ReaderT.purs)
-    - [03 A Different Monad: Run.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/08-Going-Deeper/03-A-Different-Monad--Run.purs)
-    - [04 Forking Threads.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/08-Going-Deeper/04-Forking-Threads.md)
-        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/08-Going-Deeper/04-Forking-Threads.md#Compiling-Instructions)
-    - [05 Forking Threads.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/08-Going-Deeper/05-Forking-Threads.purs)
-    - [06 Various Tips and Tricks.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/08-Going-Deeper/06-Various-Tips-and-Tricks.md)
-        - [Calling `handleAction`/`handleQuery` within itself.](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/08-Going-Deeper/06-Various-Tips-and-Tricks.md#Calling-handleActionhandleQuery-within-itself)
-        - [Using `HH.text ""` as an empty placeholder HTML value](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/08-Going-Deeper/06-Various-Tips-and-Tricks.md#Using-HHtext--as-an-empty-placeholder-HTML-value)
-        - [A better way to assign multiple CSS classes](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/08-Going-Deeper/06-Various-Tips-and-Tricks.md#A-better-way-to-assign-multiple-CSS-classes)
-- [09 Where Do We Go From Here.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/09-Where-Do-We-Go-From-Here.md)
-    - [Other Libraries Used in/with Halogen](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/09-Where-Do-We-Go-From-Here.md#Other-Libraries-Used-inwith-Halogen)
-    - [Other Examples / Projects](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/09-Where-Do-We-Go-From-Here.md#Other-Examples--Projects)
-    - [Halogen Ecosystem](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/09-Where-Do-We-Go-From-Here.md#Halogen-Ecosystem)
-    - [Tutorials for Halogen Libraries](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/09-Where-Do-We-Go-From-Here.md#Tutorials-for-Halogen-Libraries)
+    - [01 A Different Monad.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/08-Going-Deeper/01-A-Different-Monad.md)
+        - [Don't Use `StateT` as the `MonadType` in a component.](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/08-Going-Deeper/01-A-Different-Monad.md#Dont-Use-StateT-as-the-MonadType-in-a-component)
+        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/08-Going-Deeper/01-A-Different-Monad.md#Compiling-Instructions)
+            - [ReaderT](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/08-Going-Deeper/01-A-Different-Monad.md#ReaderT)
+            - [Run](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/08-Going-Deeper/01-A-Different-Monad.md#Run)
+    - [02 A Different Monad: ReaderT.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/08-Going-Deeper/02-A-Different-Monad--ReaderT.purs)
+    - [03 A Different Monad: Run.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/08-Going-Deeper/03-A-Different-Monad--Run.purs)
+    - [04 Forking Threads.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/08-Going-Deeper/04-Forking-Threads.md)
+        - [Compiling Instructions](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/08-Going-Deeper/04-Forking-Threads.md#Compiling-Instructions)
+    - [05 Forking Threads.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/08-Going-Deeper/05-Forking-Threads.purs)
+    - [06 Various Tips and Tricks.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/08-Going-Deeper/06-Various-Tips-and-Tricks.md)
+        - [Calling `handleAction`/`handleQuery` within itself.](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/08-Going-Deeper/06-Various-Tips-and-Tricks.md#Calling-handleActionhandleQuery-within-itself)
+        - [Using `HH.text ""` as an empty placeholder HTML value](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/08-Going-Deeper/06-Various-Tips-and-Tricks.md#Using-HHtext--as-an-empty-placeholder-HTML-value)
+        - [A better way to assign multiple CSS classes](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/08-Going-Deeper/06-Various-Tips-and-Tricks.md#A-better-way-to-assign-multiple-CSS-classes)
+- [09 Where Do We Go From Here.md](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/09-Where-Do-We-Go-From-Here.md)
+    - [Other Libraries Used in/with Halogen](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/09-Where-Do-We-Go-From-Here.md#Other-Libraries-Used-inwith-Halogen)
+    - [Other Examples / Projects](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/09-Where-Do-We-Go-From-Here.md#Other-Examples--Projects)
+    - [Halogen Ecosystem](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/09-Where-Do-We-Go-From-Here.md#Halogen-Ecosystem)
+    - [Tutorials for Halogen Libraries](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/09-Where-Do-We-Go-From-Here.md#Tutorials-for-Halogen-Libraries)
 - Scaffolding
     - DynamicRenderer
-        - [StateAndEval.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/Scaffolding/DynamicRenderer/StateAndEval.purs)
-        - [StateOnly.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/Scaffolding/DynamicRenderer/StateOnly.purs)
+        - [StateAndEval.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/Scaffolding/DynamicRenderer/StateAndEval.purs)
+        - [StateOnly.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/Scaffolding/DynamicRenderer/StateOnly.purs)
     - Lifecycle
-        - [LifecycleRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/Scaffolding/Lifecycle/LifecycleRenderer.purs)
+        - [LifecycleRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/Scaffolding/Lifecycle/LifecycleRenderer.purs)
     - ParentChildRenderer
         - ChildlikeComponents
-            - [AllRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/Scaffolding/ParentChildRenderer/ChildlikeComponents/AllRenderer.purs)
-            - [InputOnlyRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/Scaffolding/ParentChildRenderer/ChildlikeComponents/InputOnlyRenderer.purs)
-            - [MessageOnlyRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/Scaffolding/ParentChildRenderer/ChildlikeComponents/MessageOnlyRenderer.purs)
-            - [QueryOnlyRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/Scaffolding/ParentChildRenderer/ChildlikeComponents/QueryOnlyRenderer.purs)
+            - [AllRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/Scaffolding/ParentChildRenderer/ChildlikeComponents/AllRenderer.purs)
+            - [InputOnlyRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/Scaffolding/ParentChildRenderer/ChildlikeComponents/InputOnlyRenderer.purs)
+            - [MessageOnlyRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/Scaffolding/ParentChildRenderer/ChildlikeComponents/MessageOnlyRenderer.purs)
+            - [QueryOnlyRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/Scaffolding/ParentChildRenderer/ChildlikeComponents/QueryOnlyRenderer.purs)
         - ParentlikeComponents
-            - [BasicContainerRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/Scaffolding/ParentChildRenderer/ParentlikeComponents/BasicContainerRenderer.purs)
-            - [MultipleChildrenMultiSlotsRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/Scaffolding/ParentChildRenderer/ParentlikeComponents/MultipleChildrenMultiSlotsRenderer.purs)
-            - [MultipleChildrenRevealSlotsRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/Scaffolding/ParentChildRenderer/ParentlikeComponents/MultipleChildrenRevealSlotsRenderer.purs)
-            - [SingleChildInputOnlyRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/Scaffolding/ParentChildRenderer/ParentlikeComponents/SingleChildInputOnlyRenderer.purs)
-            - [SingleChildMessageOnlyRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/Scaffolding/ParentChildRenderer/ParentlikeComponents/SingleChildMessageOnlyRenderer.purs)
-            - [SingleChildQueryOnly.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/Scaffolding/ParentChildRenderer/ParentlikeComponents/SingleChildQueryOnly.purs)
-    - [StaticRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.3/src/Scaffolding/StaticRenderer.purs)
+            - [BasicContainerRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/Scaffolding/ParentChildRenderer/ParentlikeComponents/BasicContainerRenderer.purs)
+            - [MultipleChildrenMultiSlotsRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/Scaffolding/ParentChildRenderer/ParentlikeComponents/MultipleChildrenMultiSlotsRenderer.purs)
+            - [MultipleChildrenRevealSlotsRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/Scaffolding/ParentChildRenderer/ParentlikeComponents/MultipleChildrenRevealSlotsRenderer.purs)
+            - [SingleChildInputOnlyRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/Scaffolding/ParentChildRenderer/ParentlikeComponents/SingleChildInputOnlyRenderer.purs)
+            - [SingleChildMessageOnlyRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/Scaffolding/ParentChildRenderer/ParentlikeComponents/SingleChildMessageOnlyRenderer.purs)
+            - [SingleChildQueryOnly.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/Scaffolding/ParentChildRenderer/ParentlikeComponents/SingleChildQueryOnly.purs)
+    - [StaticRenderer.purs](https://github.com/JordanMartinez/learn-halogen/blob/v2.0.4/src/Scaffolding/StaticRenderer.purs)