diff --git a/.gitignore b/.gitignore
index 546d6063..621dcff3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -36,3 +36,6 @@ fastlane/logs/
 # Build Artifacts
 *.ipa
 *.dSYM.zip
+
+# drawio
+*.drawio.bkp
\ No newline at end of file
diff --git a/docs/App.png b/docs/App.png
index 8445872a..8b3c885f 100644
Binary files a/docs/App.png and b/docs/App.png differ
diff --git a/docs/DevLog.drawio b/docs/DevLog.drawio
index 2d0264c3..8fbebf04 100644
--- a/docs/DevLog.drawio
+++ b/docs/DevLog.drawio
@@ -1,11 +1,11 @@
 <mxfile host="Electron" agent="Codex" pages="7">
   <diagram id="store-protocol-page" name="Store Protocol">
-    <mxGraphModel grid="1" page="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" pageScale="1" pageWidth="1280" pageHeight="550" background="none" math="0" shadow="0">
+    <mxGraphModel dx="1414" dy="850" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1280" pageHeight="600" background="none" math="0" shadow="0">
       <root>
         <mxCell id="0" />
         <mxCell id="1" parent="0" />
         <mxCell id="sp-bg" parent="1" style="rounded=1;arcSize=20;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#D8E0EA;strokeWidth=2;align=center;" value="" vertex="1">
-          <mxGeometry height="465" width="1180" x="50" y="35" as="geometry" />
+          <mxGeometry height="515" width="1160" x="50" y="35" as="geometry" />
         </mxCell>
         <mxCell id="sp-title" parent="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;fontSize=18;fontStyle=1;fontColor=#1F2328;" value="Store Protocol" vertex="1">
           <mxGeometry height="28" width="320" x="480" y="50" as="geometry" />
@@ -14,13 +14,13 @@
           <mxGeometry height="20" width="700" x="290" y="80" as="geometry" />
         </mxCell>
         <mxCell id="sp-contract-bg" parent="1" style="rounded=1;arcSize=14;whiteSpace=wrap;html=1;fillColor=#F8FAFC;strokeColor=#B8C4D6;strokeWidth=2;" value="" vertex="1">
-          <mxGeometry height="335" width="330" x="90" y="135" as="geometry" />
+          <mxGeometry height="385" width="330" x="90" y="135" as="geometry" />
         </mxCell>
         <mxCell id="sp-contract-label" parent="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;fontSize=14;fontStyle=1;fontColor=#6B7280;" value="Protocol Contract" vertex="1">
           <mxGeometry height="22" width="180" x="165" y="113" as="geometry" />
         </mxCell>
         <mxCell id="sp-flow-bg" parent="1" style="rounded=1;arcSize=14;whiteSpace=wrap;html=1;fillColor=#F8FAFC;strokeColor=#B8C4D6;strokeWidth=2;" value="" vertex="1">
-          <mxGeometry height="335" width="700" x="470" y="135" as="geometry" />
+          <mxGeometry height="385" width="700" x="470" y="135" as="geometry" />
         </mxCell>
         <mxCell id="sp-flow-label" parent="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;fontSize=14;fontStyle=1;fontColor=#6B7280;" value="Default Extension Flow" vertex="1">
           <mxGeometry height="22" width="220" x="710" y="113" as="geometry" />
@@ -29,71 +29,74 @@
           <mxGeometry height="58" width="230" x="140" y="165" as="geometry" />
         </mxCell>
         <mxCell id="sp-types" parent="1" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#A7B4C6;strokeWidth=2;fontColor=#1F2328;fontSize=13;align=center;" value="&lt;b&gt;State / Action / SideEffect&lt;/b&gt;&lt;br&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;associatedtype contract&lt;/span&gt;" vertex="1">
-          <mxGeometry height="58" width="230" x="140" y="245" as="geometry" />
+          <mxGeometry height="58" width="230" x="140" y="275" as="geometry" />
         </mxCell>
         <mxCell id="sp-requirements" parent="1" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#A7B4C6;strokeWidth=2;fontColor=#1F2328;fontSize=13;align=left;spacingLeft=16;" value="&lt;b&gt;Required API&lt;/b&gt;&lt;br&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;state { get }&lt;br&gt;send(_ action)&lt;br&gt;reduce(with:) -&amp;gt; [SideEffect]&lt;br&gt;run(_ effect)&lt;/span&gt;" vertex="1">
-          <mxGeometry height="108" width="230" x="140" y="325" as="geometry" />
+          <mxGeometry height="108" width="230" x="140" y="385" as="geometry" />
         </mxCell>
-        <mxCell id="sp-view" parent="1" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#A7B4C6;strokeWidth=2;fontColor=#1F2328;fontSize=14;align=center;" value="&lt;b&gt;View&lt;/b&gt;&lt;br&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;render state&lt;/span&gt;" vertex="1">
-          <mxGeometry height="58" width="150" x="520" y="245" as="geometry" />
+        <mxCell id="sp-edge-store-types" edge="1" parent="1" source="sp-store" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#0A84FF;strokeWidth=3;align=center;" target="sp-types">
+          <mxGeometry relative="1" as="geometry" />
         </mxCell>
-        <mxCell id="sp-action" parent="1" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;fillColor=#EAF2FF;strokeColor=#0A84FF;strokeWidth=2;fontColor=#0B1F33;fontSize=14;align=center;" value="&lt;b&gt;Action&lt;/b&gt;&lt;br&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;user event / next event&lt;/span&gt;" vertex="1">
-          <mxGeometry height="58" width="170" x="745" y="165" as="geometry" />
+        <mxCell id="sp-edge-types-requirements" edge="1" parent="1" source="sp-types" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#0A84FF;strokeWidth=3;align=center;" target="sp-requirements">
+          <mxGeometry relative="1" as="geometry" />
         </mxCell>
-        <mxCell id="sp-send" link="https://github.com/opficdev/SwiftUI_DevLog/blob/main/DevLog/Presentation/Protocol/Store.swift" parent="1" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;fillColor=#EAF2FF;strokeColor=#0A84FF;strokeWidth=2;fontColor=#0B1F33;fontSize=14;align=center;" value="&lt;b&gt;send(_ action)&lt;/b&gt;&lt;br&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;dispatch entry&lt;/span&gt;" vertex="1">
-          <mxGeometry height="58" width="170" x="745" y="270" as="geometry" />
+        <mxCell id="12PGK9UC77JnO6kUNPvJ-2" connectable="0" parent="1" style="group" value="" vertex="1">
+          <mxGeometry height="274" width="665" x="480" y="190.5" as="geometry" />
         </mxCell>
-        <mxCell id="sp-reduce" link="https://github.com/opficdev/SwiftUI_DevLog/blob/main/DevLog/Presentation/Protocol/Store.swift" parent="1" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;fillColor=#EAF2FF;strokeColor=#0A84FF;strokeWidth=2;fontColor=#0B1F33;fontSize=14;align=center;" value="&lt;b&gt;reduce(with:)&lt;/b&gt;&lt;br&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;mutate state / return effects&lt;/span&gt;" vertex="1">
-          <mxGeometry height="64" width="190" x="735" y="375" as="geometry" />
+        <mxCell id="sp-view" parent="12PGK9UC77JnO6kUNPvJ-2" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#A7B4C6;strokeWidth=2;fontColor=#1F2328;fontSize=14;align=center;" value="&lt;b&gt;View&lt;/b&gt;&lt;br&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;render state&lt;/span&gt;" vertex="1">
+          <mxGeometry height="58" width="150" x="40" y="80" as="geometry" />
         </mxCell>
-        <mxCell id="sp-state" parent="1" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#A7B4C6;strokeWidth=2;fontColor=#1F2328;fontSize=14;align=center;" value="&lt;b&gt;State&lt;/b&gt;&lt;br&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;view data&lt;/span&gt;" vertex="1">
-          <mxGeometry height="58" width="150" x="520" y="378" as="geometry" />
+        <mxCell id="sp-action" parent="12PGK9UC77JnO6kUNPvJ-2" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;fillColor=#EAF2FF;strokeColor=#0A84FF;strokeWidth=2;fontColor=#0B1F33;fontSize=14;align=center;" value="&lt;b&gt;Action&lt;/b&gt;&lt;br&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;user event / next event&lt;/span&gt;" vertex="1">
+          <mxGeometry height="58" width="170" x="265" as="geometry" />
         </mxCell>
-        <mxCell id="sp-sideeffect" parent="1" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#A7B4C6;strokeWidth=2;fontColor=#1F2328;fontSize=14;align=center;" value="&lt;b&gt;SideEffect&lt;/b&gt;&lt;br&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;async / callback&lt;/span&gt;" vertex="1">
-          <mxGeometry height="58" width="160" x="980" y="378" as="geometry" />
+        <mxCell id="sp-send" link="https://github.com/opficdev/SwiftUI_DevLog/blob/main/DevLog/Presentation/Protocol/Store.swift" parent="12PGK9UC77JnO6kUNPvJ-2" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;fillColor=#EAF2FF;strokeColor=#0A84FF;strokeWidth=2;fontColor=#0B1F33;fontSize=14;align=center;" value="&lt;b&gt;send(_ action)&lt;/b&gt;&lt;br&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;dispatch entry&lt;/span&gt;" vertex="1">
+          <mxGeometry height="58" width="170" x="265" y="105" as="geometry" />
         </mxCell>
-        <mxCell id="sp-run" link="https://github.com/opficdev/SwiftUI_DevLog/blob/main/DevLog/Presentation/Protocol/Store.swift" parent="1" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;fillColor=#EAF2FF;strokeColor=#0A84FF;strokeWidth=2;fontColor=#0B1F33;fontSize=14;align=center;" value="&lt;b&gt;run(_ effect)&lt;/b&gt;&lt;br&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;perform side effect&lt;/span&gt;" vertex="1">
-          <mxGeometry height="58" width="160" x="980" y="270" as="geometry" />
+        <mxCell id="sp-reduce" link="https://github.com/opficdev/SwiftUI_DevLog/blob/main/DevLog/Presentation/Protocol/Store.swift" parent="12PGK9UC77JnO6kUNPvJ-2" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;fillColor=#EAF2FF;strokeColor=#0A84FF;strokeWidth=2;fontColor=#0B1F33;fontSize=14;align=center;" value="&lt;b&gt;reduce(with:)&lt;/b&gt;&lt;br&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;mutate state / return effects&lt;/span&gt;" vertex="1">
+          <mxGeometry height="64" width="190" x="255" y="210" as="geometry" />
         </mxCell>
-        <mxCell id="sp-effect-result" parent="1" style="rounded=1;arcSize=16;whiteSpace=wrap;html=1;fillColor=#F7F9FC;strokeColor=#D8E0EA;strokeWidth=2;fontColor=#4B5563;fontSize=13;fontStyle=0;align=center;" value="effect result&lt;br&gt;Task / network / timer / callback" vertex="1">
-          <mxGeometry height="58" width="170" x="975" y="165" as="geometry" />
+        <mxCell id="sp-state" parent="12PGK9UC77JnO6kUNPvJ-2" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#A7B4C6;strokeWidth=2;fontColor=#1F2328;fontSize=14;align=center;" value="&lt;b&gt;State&lt;/b&gt;&lt;br&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;view data&lt;/span&gt;" vertex="1">
+          <mxGeometry height="58" width="150" x="40" y="213" as="geometry" />
         </mxCell>
-        <mxCell id="sp-edge-store-types" edge="1" parent="1" source="sp-store" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#0A84FF;strokeWidth=3;align=center;" target="sp-types">
-          <mxGeometry relative="1" as="geometry" />
+        <mxCell id="sp-sideeffect" parent="12PGK9UC77JnO6kUNPvJ-2" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#A7B4C6;strokeWidth=2;fontColor=#1F2328;fontSize=14;align=center;" value="&lt;b&gt;SideEffect&lt;/b&gt;&lt;br&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;async / callback&lt;/span&gt;" vertex="1">
+          <mxGeometry height="58" width="160" x="500" y="213" as="geometry" />
         </mxCell>
-        <mxCell id="sp-edge-types-requirements" edge="1" parent="1" source="sp-types" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#0A84FF;strokeWidth=3;align=center;" target="sp-requirements">
-          <mxGeometry relative="1" as="geometry" />
+        <mxCell id="sp-run" link="https://github.com/opficdev/SwiftUI_DevLog/blob/main/DevLog/Presentation/Protocol/Store.swift" parent="12PGK9UC77JnO6kUNPvJ-2" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;fillColor=#EAF2FF;strokeColor=#0A84FF;strokeWidth=2;fontColor=#0B1F33;fontSize=14;align=center;" value="&lt;b&gt;run(_ effect)&lt;/b&gt;&lt;br&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;perform side effect&lt;/span&gt;" vertex="1">
+          <mxGeometry height="58" width="160" x="500" y="105" as="geometry" />
+        </mxCell>
+        <mxCell id="sp-effect-result" parent="12PGK9UC77JnO6kUNPvJ-2" style="rounded=1;arcSize=16;whiteSpace=wrap;html=1;fillColor=#F7F9FC;strokeColor=#D8E0EA;strokeWidth=2;fontColor=#4B5563;fontSize=13;fontStyle=0;align=center;" value="effect result&lt;br&gt;Task / network / timer / callback" vertex="1">
+          <mxGeometry height="58" width="170" x="495" as="geometry" />
         </mxCell>
-        <mxCell id="sp-edge-view-action" edge="1" parent="1" source="sp-view" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#5E6AD2;strokeWidth=3;align=center;edgeStyle=orthogonalEdgeStyle;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" target="sp-action">
+        <mxCell id="sp-edge-view-action" edge="1" parent="12PGK9UC77JnO6kUNPvJ-2" source="sp-view" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#5E6AD2;strokeWidth=3;align=center;edgeStyle=orthogonalEdgeStyle;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" target="sp-action">
           <mxGeometry relative="1" as="geometry" />
         </mxCell>
-        <mxCell id="sp-edge-action-send" edge="1" parent="1" source="sp-action" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#0A84FF;strokeWidth=3;align=center;" target="sp-send">
+        <mxCell id="sp-edge-action-send" edge="1" parent="12PGK9UC77JnO6kUNPvJ-2" source="sp-action" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#0A84FF;strokeWidth=3;align=center;" target="sp-send">
           <mxGeometry relative="1" as="geometry" />
         </mxCell>
-        <mxCell id="sp-edge-send-reduce" edge="1" parent="1" source="sp-send" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#0A84FF;strokeWidth=3;align=center;" target="sp-reduce">
+        <mxCell id="sp-edge-send-reduce" edge="1" parent="12PGK9UC77JnO6kUNPvJ-2" source="sp-send" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#0A84FF;strokeWidth=3;align=center;" target="sp-reduce">
           <mxGeometry relative="1" as="geometry" />
         </mxCell>
-        <mxCell id="sp-edge-reduce-state" edge="1" parent="1" source="sp-reduce" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#0A84FF;strokeWidth=3;align=center;edgeStyle=orthogonalEdgeStyle;" target="sp-state">
+        <mxCell id="sp-edge-reduce-state" edge="1" parent="12PGK9UC77JnO6kUNPvJ-2" source="sp-reduce" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#0A84FF;strokeWidth=3;align=center;edgeStyle=orthogonalEdgeStyle;" target="sp-state">
           <mxGeometry relative="1" as="geometry" />
         </mxCell>
-        <mxCell id="sp-edge-state-view" edge="1" parent="1" source="sp-state" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#5E6AD2;strokeWidth=3;align=center;edgeStyle=orthogonalEdgeStyle;" target="sp-view">
+        <mxCell id="sp-edge-state-view" edge="1" parent="12PGK9UC77JnO6kUNPvJ-2" source="sp-state" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#5E6AD2;strokeWidth=3;align=center;edgeStyle=orthogonalEdgeStyle;" target="sp-view">
           <mxGeometry relative="1" as="geometry">
             <Array as="points">
-              <mxPoint x="480" y="409" />
-              <mxPoint x="480" y="274" />
+              <mxPoint y="244" />
+              <mxPoint y="109" />
             </Array>
           </mxGeometry>
         </mxCell>
-        <mxCell id="sp-edge-reduce-sideeffect" edge="1" parent="1" source="sp-reduce" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#5E6AD2;strokeWidth=3;align=center;" target="sp-sideeffect">
+        <mxCell id="sp-edge-reduce-sideeffect" edge="1" parent="12PGK9UC77JnO6kUNPvJ-2" source="sp-reduce" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#5E6AD2;strokeWidth=3;align=center;" target="sp-sideeffect">
           <mxGeometry relative="1" as="geometry" />
         </mxCell>
-        <mxCell id="sp-edge-sideeffect-run" edge="1" parent="1" source="sp-sideeffect" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#0A84FF;strokeWidth=3;align=center;" target="sp-run">
+        <mxCell id="sp-edge-sideeffect-run" edge="1" parent="12PGK9UC77JnO6kUNPvJ-2" source="sp-sideeffect" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#0A84FF;strokeWidth=3;align=center;" target="sp-run">
           <mxGeometry relative="1" as="geometry" />
         </mxCell>
-        <mxCell id="sp-edge-run-result" edge="1" parent="1" source="sp-run" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#0A84FF;strokeWidth=3;align=center;" target="sp-effect-result">
+        <mxCell id="sp-edge-run-result" edge="1" parent="12PGK9UC77JnO6kUNPvJ-2" source="sp-run" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#0A84FF;strokeWidth=3;align=center;" target="sp-effect-result">
           <mxGeometry relative="1" as="geometry" />
         </mxCell>
-        <mxCell id="sp-edge-result-action" edge="1" parent="1" source="sp-effect-result" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#5E6AD2;strokeWidth=3;align=center;edgeStyle=orthogonalEdgeStyle;" target="sp-action">
+        <mxCell id="sp-edge-result-action" edge="1" parent="12PGK9UC77JnO6kUNPvJ-2" source="sp-effect-result" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#5E6AD2;strokeWidth=3;align=center;edgeStyle=orthogonalEdgeStyle;" target="sp-action">
           <mxGeometry relative="1" as="geometry" />
         </mxCell>
       </root>
@@ -615,7 +618,7 @@
     </mxGraphModel>
   </diagram>
   <diagram id="butterfly-architecture-page" name="App Architecture">
-    <mxGraphModel dx="1414" dy="850" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1570" pageHeight="1040" background="none" math="0" shadow="0">
+    <mxGraphModel dx="1488" dy="895" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1570" pageHeight="1040" background="none" math="0" shadow="0">
       <root>
         <mxCell id="400" />
         <mxCell id="401" parent="400" />
@@ -762,14 +765,6 @@
         <mxCell id="edge-store-appgroup" edge="1" parent="401" source="widget-snapshot-store" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#16A34A;strokeWidth=3;align=center;edgeStyle=orthogonalEdgeStyle;curved=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" target="app-group">
           <mxGeometry relative="1" as="geometry" />
         </mxCell>
-        <mxCell id="edge-appgroup-reader" edge="1" parent="401" source="app-group" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#7C3AED;strokeWidth=3;align=center;edgeStyle=orthogonalEdgeStyle;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" target="widget-reader">
-          <mxGeometry relative="1" as="geometry">
-            <Array as="points">
-              <mxPoint x="1150" y="682" />
-              <mxPoint x="1150" y="442" />
-            </Array>
-          </mxGeometry>
-        </mxCell>
         <mxCell id="widget-extension-bg" parent="401" style="rounded=1;arcSize=14;whiteSpace=wrap;html=1;fillColor=#F8FAFC;strokeColor=#B8C4D6;strokeWidth=2;container=0;" value="" vertex="1">
           <mxGeometry height="760" width="330" x="1170" y="130" as="geometry" />
         </mxCell>
@@ -815,11 +810,19 @@
         <mxCell id="app-storage" link="https://github.com/opficdev/SwiftUI_DevLog/tree/main/DevLog/Storage" parent="401" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#A7B4C6;strokeWidth=2;fontColor=#1F2328;fontSize=14;align=center;container=0;" value="&lt;b&gt;Storage&lt;/b&gt;&lt;br&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;Defaults / Cache&lt;/span&gt;" vertex="1">
           <mxGeometry height="58" width="135" x="589.5" y="520" as="geometry" />
         </mxCell>
+        <mxCell id="edge-appgroup-reader" edge="1" parent="401" source="app-group" style="endArrow=blockThin;endFill=1;endSize=16;html=1;rounded=1;strokeColor=#7C3AED;strokeWidth=3;align=center;edgeStyle=orthogonalEdgeStyle;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" target="widget-reader">
+          <mxGeometry relative="1" as="geometry">
+            <Array as="points">
+              <mxPoint x="1150" y="682" />
+              <mxPoint x="1150" y="442" />
+            </Array>
+          </mxGeometry>
+        </mxCell>
       </root>
     </mxGraphModel>
   </diagram>
   <diagram id="widget-architecture-page" name="Widget Architecture">
-    <mxGraphModel grid="1" page="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" pageScale="1" pageWidth="1280" pageHeight="480" background="none" math="0" shadow="0">
+    <mxGraphModel dx="1414" dy="850" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1280" pageHeight="480" background="none" math="0" shadow="0">
       <root>
         <mxCell id="0" />
         <mxCell id="1" parent="0" />
diff --git a/docs/store-protocol.png b/docs/store-protocol.png
index bf9dd70b..698329c3 100644
Binary files a/docs/store-protocol.png and b/docs/store-protocol.png differ