diff --git a/doc/diagrams/.$WalletOnboard.drawio.bkp b/doc/diagrams/.$WalletOnboard.drawio.bkp
index 444c2a4..2426dd8 100644
--- a/doc/diagrams/.$WalletOnboard.drawio.bkp
+++ b/doc/diagrams/.$WalletOnboard.drawio.bkp
@@ -1,4 +1,4 @@
-<mxfile host="Electron" modified="2024-02-21T22:04:09.748Z" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/23.1.5 Chrome/120.0.6099.109 Electron/28.1.0 Safari/537.36" etag="eTHhYCDLtV5u6DPPvSQA" version="23.1.5" type="device">
+<mxfile host="Electron" modified="2024-02-21T22:48:07.307Z" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/23.1.5 Chrome/120.0.6099.109 Electron/28.1.0 Safari/537.36" etag="F7X2NWN5xjWunDY9-IEt" version="23.1.5" type="device">
   <diagram id="bWoO5ACGZIaXrIiKNTKd" name="Page-1">
     <mxGraphModel dx="3915" dy="841" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
       <root>
@@ -479,14 +479,39 @@
         <mxCell id="fIN9LJIhpEY6EGzNKIPz-388" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="fIN9LJIhpEY6EGzNKIPz-387" target="fIN9LJIhpEY6EGzNKIPz-386">
           <mxGeometry relative="1" as="geometry" />
         </mxCell>
+        <mxCell id="fIN9LJIhpEY6EGzNKIPz-391" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" edge="1" parent="1" source="fIN9LJIhpEY6EGzNKIPz-387">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="-1380" y="350" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
         <mxCell id="fIN9LJIhpEY6EGzNKIPz-387" value="selected role" style="rounded=1;whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1">
-          <mxGeometry x="-1710" y="519.93" width="100" height="29" as="geometry" />
+          <mxGeometry x="-1730" y="139.99999999999994" width="100" height="29" as="geometry" />
         </mxCell>
         <mxCell id="fIN9LJIhpEY6EGzNKIPz-390" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="fIN9LJIhpEY6EGzNKIPz-389" target="fIN9LJIhpEY6EGzNKIPz-386">
           <mxGeometry relative="1" as="geometry" />
         </mxCell>
         <mxCell id="fIN9LJIhpEY6EGzNKIPz-389" value="last ItemProcess version" style="rounded=1;whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1">
-          <mxGeometry x="-1590" y="519.93" width="100" height="29" as="geometry" />
+          <mxGeometry x="-1620" y="139.99999999999994" width="100" height="29" as="geometry" />
+        </mxCell>
+        <mxCell id="fIN9LJIhpEY6EGzNKIPz-393" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" edge="1" parent="1" source="fIN9LJIhpEY6EGzNKIPz-392" target="fIN9LJIhpEY6EGzNKIPz-383">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="fIN9LJIhpEY6EGzNKIPz-392" value="&lt;b&gt;Add new fields&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;labelBackgroundColor=none;fontColor=#000000;" vertex="1" parent="1">
+          <mxGeometry x="-1468.8" y="350" width="170" height="29" as="geometry" />
+        </mxCell>
+        <mxCell id="fIN9LJIhpEY6EGzNKIPz-394" value="&lt;b&gt;HTML form&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
+          <mxGeometry x="-1468.8" y="280" width="170" height="29" as="geometry" />
+        </mxCell>
+        <mxCell id="fIN9LJIhpEY6EGzNKIPz-396" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="fIN9LJIhpEY6EGzNKIPz-395" target="fIN9LJIhpEY6EGzNKIPz-383">
+          <mxGeometry relative="1" as="geometry">
+            <Array as="points">
+              <mxPoint x="-1181" y="390" />
+              <mxPoint x="-1384" y="390" />
+            </Array>
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="fIN9LJIhpEY6EGzNKIPz-395" value="&lt;b&gt;Inital ItemMember&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;labelBackgroundColor=none;fontColor=#000000;" vertex="1" parent="1">
+          <mxGeometry x="-1266.25" y="350" width="170" height="29" as="geometry" />
         </mxCell>
       </root>
     </mxGraphModel>
diff --git a/doc/diagrams/WalletOnboard.drawio b/doc/diagrams/WalletOnboard.drawio
index 1dd5e95..dbd6ce9 100644
--- a/doc/diagrams/WalletOnboard.drawio
+++ b/doc/diagrams/WalletOnboard.drawio
@@ -1,4 +1,4 @@
-<mxfile host="Electron" modified="2024-02-21T22:04:09.992Z" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/23.1.5 Chrome/120.0.6099.109 Electron/28.1.0 Safari/537.36" etag="MLwr1I9-D8bmfqagTaYT" version="23.1.5" type="device">
+<mxfile host="Electron" modified="2024-02-21T22:48:07.580Z" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/23.1.5 Chrome/120.0.6099.109 Electron/28.1.0 Safari/537.36" etag="SrwXuu5fqGwjcg9JaMo2" version="23.1.5" type="device">
   <diagram id="bWoO5ACGZIaXrIiKNTKd" name="Page-1">
     <mxGraphModel dx="3915" dy="841" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
       <root>
@@ -479,14 +479,39 @@
         <mxCell id="fIN9LJIhpEY6EGzNKIPz-388" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="fIN9LJIhpEY6EGzNKIPz-387" target="fIN9LJIhpEY6EGzNKIPz-386">
           <mxGeometry relative="1" as="geometry" />
         </mxCell>
+        <mxCell id="fIN9LJIhpEY6EGzNKIPz-391" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" edge="1" parent="1" source="fIN9LJIhpEY6EGzNKIPz-387">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="-1380" y="350" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
         <mxCell id="fIN9LJIhpEY6EGzNKIPz-387" value="selected role" style="rounded=1;whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1">
-          <mxGeometry x="-1710" y="519.93" width="100" height="29" as="geometry" />
+          <mxGeometry x="-1730" y="139.99999999999994" width="100" height="29" as="geometry" />
         </mxCell>
         <mxCell id="fIN9LJIhpEY6EGzNKIPz-390" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="fIN9LJIhpEY6EGzNKIPz-389" target="fIN9LJIhpEY6EGzNKIPz-386">
           <mxGeometry relative="1" as="geometry" />
         </mxCell>
         <mxCell id="fIN9LJIhpEY6EGzNKIPz-389" value="last ItemProcess version" style="rounded=1;whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1">
-          <mxGeometry x="-1590" y="519.93" width="100" height="29" as="geometry" />
+          <mxGeometry x="-1620" y="139.99999999999994" width="100" height="29" as="geometry" />
+        </mxCell>
+        <mxCell id="fIN9LJIhpEY6EGzNKIPz-393" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" edge="1" parent="1" source="fIN9LJIhpEY6EGzNKIPz-392" target="fIN9LJIhpEY6EGzNKIPz-383">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="fIN9LJIhpEY6EGzNKIPz-392" value="&lt;b&gt;Add new fields&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;labelBackgroundColor=none;fontColor=#000000;" vertex="1" parent="1">
+          <mxGeometry x="-1468.8" y="350" width="170" height="29" as="geometry" />
+        </mxCell>
+        <mxCell id="fIN9LJIhpEY6EGzNKIPz-394" value="&lt;b&gt;HTML form&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
+          <mxGeometry x="-1468.8" y="280" width="170" height="29" as="geometry" />
+        </mxCell>
+        <mxCell id="fIN9LJIhpEY6EGzNKIPz-396" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="fIN9LJIhpEY6EGzNKIPz-395" target="fIN9LJIhpEY6EGzNKIPz-383">
+          <mxGeometry relative="1" as="geometry">
+            <Array as="points">
+              <mxPoint x="-1181" y="390" />
+              <mxPoint x="-1384" y="390" />
+            </Array>
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="fIN9LJIhpEY6EGzNKIPz-395" value="&lt;b&gt;Inital ItemMember&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;labelBackgroundColor=none;fontColor=#000000;" vertex="1" parent="1">
+          <mxGeometry x="-1266.25" y="350" width="170" height="29" as="geometry" />
         </mxCell>
       </root>
     </mxGraphModel>
diff --git a/doc/diagrams/WalletOnboard.png b/doc/diagrams/WalletOnboard.png
index bf26d1a..35775a3 100644
Binary files a/doc/diagrams/WalletOnboard.png and b/doc/diagrams/WalletOnboard.png differ