From 70ff91ece3fa20068a218c7c7dfaefa9895693a0 Mon Sep 17 00:00:00 2001
From: Janishar Ali <janishar.ali@gmail.com>
Date: Mon, 8 Jul 2024 16:27:54 +0530
Subject: [PATCH] update readme

---
 README.md                 | 5 ++++-
 docs/assets/arch-comp.svg | 4 ++++
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 docs/assets/arch-comp.svg

diff --git a/README.md b/README.md
index 634dce9..5e11d4a 100644
--- a/README.md
+++ b/README.md
@@ -53,7 +53,10 @@ You can track your happiness level and write down daily journals. You can also s
 
 Using this app can bring a little bit of happiness and energy to live an inspired life.
 
-## Instructions
+## Architecture
+![Architecture](docs/assets/arch-comp.svg)
+
+## Installation Instructions
 ```bash
 # clone the backend project wimm-node-app used for this App
 git clone https://github.com/unusualcodeorg/wimm-node-app.git --recursive
diff --git a/docs/assets/arch-comp.svg b/docs/assets/arch-comp.svg
new file mode 100644
index 0000000..41e3b23
--- /dev/null
+++ b/docs/assets/arch-comp.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Do not edit this file with editors other than draw.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="900px" height="600px" viewBox="-0.5 -0.5 900 600" content="&lt;mxfile host=&quot;Electron&quot; modified=&quot;2024-07-08T10:50:07.299Z&quot; agent=&quot;Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/24.6.4 Chrome/124.0.6367.207 Electron/30.0.6 Safari/537.36&quot; etag=&quot;hRSuVcUm6RilMC7kIp5p&quot; version=&quot;24.6.4&quot; type=&quot;device&quot; scale=&quot;1&quot; border=&quot;0&quot;&gt;&#10;  &lt;diagram name=&quot;arch-components&quot; id=&quot;v19FiYl7uvjBPeXzwRLU&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;1026&quot; dy=&quot;772&quot; grid=&quot;1&quot; gridSize=&quot;10&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;900&quot; pageHeight=&quot;600&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-28&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;strokeColor=#CC00CC;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; source=&quot;fDPHvhCgjez8tbdl3W7N-4&quot; target=&quot;fDPHvhCgjez8tbdl3W7N-5&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-30&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;strokeColor=#CC00CC;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; source=&quot;fDPHvhCgjez8tbdl3W7N-4&quot; target=&quot;fDPHvhCgjez8tbdl3W7N-6&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-4&quot; value=&quot;MainActivity&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#FFFF99;fontColor=#000000;strokeColor=#FF0000;strokeWidth=2;fontFamily=Tahoma;fontStyle=1;fillStyle=solid;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;200&quot; y=&quot;135&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-34&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;strokeColor=#CC00CC;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; source=&quot;fDPHvhCgjez8tbdl3W7N-5&quot; target=&quot;fDPHvhCgjez8tbdl3W7N-10&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-35&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;strokeColor=#CC00CC;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; source=&quot;fDPHvhCgjez8tbdl3W7N-5&quot; target=&quot;fDPHvhCgjez8tbdl3W7N-11&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-36&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;strokeColor=#CC0000;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; source=&quot;fDPHvhCgjez8tbdl3W7N-5&quot; target=&quot;fDPHvhCgjez8tbdl3W7N-12&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-37&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;strokeColor=#CC00CC;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; source=&quot;fDPHvhCgjez8tbdl3W7N-5&quot; target=&quot;fDPHvhCgjez8tbdl3W7N-13&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-5&quot; value=&quot;MainViewModel&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#9999FF;strokeWidth=2;strokeColor=#FF0000;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;380&quot; y=&quot;135&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-33&quot; style=&quot;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;strokeWidth=2;strokeColor=#CC00CC;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; source=&quot;fDPHvhCgjez8tbdl3W7N-6&quot; target=&quot;fDPHvhCgjez8tbdl3W7N-7&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-6&quot; value=&quot;WimmApp&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#9999FF;strokeWidth=2;strokeColor=#000066;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;380&quot; y=&quot;220&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-32&quot; style=&quot;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;strokeWidth=2;strokeColor=#CC00CC;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; source=&quot;fDPHvhCgjez8tbdl3W7N-7&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;440&quot; y=&quot;400&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-7&quot; value=&quot;NavGraph&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#9999FF;strokeWidth=2;strokeColor=#000066;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;380&quot; y=&quot;310&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-22&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;strokeColor=#CC00CC;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; source=&quot;fDPHvhCgjez8tbdl3W7N-8&quot; target=&quot;fDPHvhCgjez8tbdl3W7N-20&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-23&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;strokeColor=#CC00CC;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; source=&quot;fDPHvhCgjez8tbdl3W7N-8&quot; target=&quot;fDPHvhCgjez8tbdl3W7N-4&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-24&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;strokeColor=#CC00CC;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; source=&quot;fDPHvhCgjez8tbdl3W7N-8&quot; target=&quot;fDPHvhCgjez8tbdl3W7N-17&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-25&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;strokeColor=#CC00CC;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; source=&quot;fDPHvhCgjez8tbdl3W7N-8&quot; target=&quot;fDPHvhCgjez8tbdl3W7N-18&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-26&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.75;entryDx=0;entryDy=0;strokeWidth=2;strokeColor=#CC00CC;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; source=&quot;fDPHvhCgjez8tbdl3W7N-8&quot; target=&quot;fDPHvhCgjez8tbdl3W7N-19&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-27&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;strokeColor=#CC00CC;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; source=&quot;fDPHvhCgjez8tbdl3W7N-8&quot; target=&quot;fDPHvhCgjez8tbdl3W7N-21&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-8&quot; value=&quot;WimmApplication&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#FFFFCC;fontColor=#000000;strokeColor=#000066;strokeWidth=2;fontFamily=Tahoma;fillStyle=auto;fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;20&quot; y=&quot;270&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-38&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;strokeColor=#CC00CC;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; source=&quot;fDPHvhCgjez8tbdl3W7N-10&quot; target=&quot;fDPHvhCgjez8tbdl3W7N-14&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-39&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;strokeColor=#CC00CC;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; source=&quot;fDPHvhCgjez8tbdl3W7N-10&quot; target=&quot;fDPHvhCgjez8tbdl3W7N-15&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-40&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;strokeColor=#CC00CC;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; source=&quot;fDPHvhCgjez8tbdl3W7N-10&quot; target=&quot;fDPHvhCgjez8tbdl3W7N-16&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-10&quot; value=&quot;Repository&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#FF99FF;strokeWidth=2;strokeColor=#FF0000;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;560&quot; y=&quot;135&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-11&quot; value=&quot;Loader&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#FF99FF;strokeWidth=2;strokeColor=#000066;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;560&quot; y=&quot;220&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-12&quot; value=&quot;Messenger&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#FF99FF;strokeWidth=2;strokeColor=#000066;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;560&quot; y=&quot;310&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-13&quot; value=&quot;Navigator&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#FF99FF;strokeWidth=2;strokeColor=#000066;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;560&quot; y=&quot;400&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-14&quot; value=&quot;FeatureApi&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#FF9999;strokeWidth=2;strokeColor=#000066;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;730&quot; y=&quot;135&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-15&quot; value=&quot;DatabaseService&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#FF9999;strokeWidth=2;strokeColor=#000066;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;730&quot; y=&quot;220&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-16&quot; value=&quot;DateStore&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#FF9999;strokeWidth=2;strokeColor=#000066;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;730&quot; y=&quot;310&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-17&quot; value=&quot;FCM&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#66FFB3;fontColor=#000000;strokeColor=#000066;strokeWidth=2;fontFamily=Tahoma;fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;200&quot; y=&quot;225&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-18&quot; value=&quot;work&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#66FFB3;fontColor=#000000;strokeColor=#000066;strokeWidth=2;fontFamily=Tahoma;fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;200&quot; y=&quot;315&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-19&quot; value=&quot;utils&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#66FFB3;fontColor=#000000;strokeColor=#000066;strokeWidth=2;fontFamily=Tahoma;fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;200&quot; y=&quot;405&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-20&quot; value=&quot;DI&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#66FFB3;strokeColor=#000066;fontColor=#000000;strokeWidth=2;fontFamily=Tahoma;fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;200&quot; y=&quot;45&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-21&quot; value=&quot;analytics&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#66FFB3;fontColor=#000000;strokeColor=#000066;strokeWidth=2;fontFamily=Tahoma;fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;200&quot; y=&quot;495&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-43&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;strokeWidth=2;strokeColor=#CC00CC;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; source=&quot;fDPHvhCgjez8tbdl3W7N-41&quot; target=&quot;fDPHvhCgjez8tbdl3W7N-42&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-41&quot; value=&quot;FeatureUi&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;strokeWidth=2;strokeColor=#000066;fontFamily=Tahoma;fontColor=#000000;fontStyle=1;fillColor=#9999FF;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;405&quot; y=&quot;400&quot; width=&quot;70&quot; height=&quot;70&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-45&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;strokeColor=#CC00CC;fontFamily=Tahoma;fontColor=#000000;fontStyle=1&quot; parent=&quot;1&quot; source=&quot;fDPHvhCgjez8tbdl3W7N-42&quot; target=&quot;fDPHvhCgjez8tbdl3W7N-12&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;fDPHvhCgjez8tbdl3W7N-42&quot; value=&quot;FeatureViewModel&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=2;strokeColor=#FF0000;fontFamily=Tahoma;fontColor=#000000;fontStyle=1;fillColor=#9999FF;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;380&quot; y=&quot;495&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;&lt;/mxfile&gt;&#10;"><defs/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="fDPHvhCgjez8tbdl3W7N-28"><g><path d="M 320 165 L 371.76 165" fill="none" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 377.76 165 L 369.76 169 L 371.76 165 L 369.76 161 Z" fill="#cc00cc" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-30"><g><path d="M 320 165 L 350 165 L 350 250 L 371.76 250" fill="none" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 377.76 250 L 369.76 254 L 371.76 250 L 369.76 246 Z" fill="#cc00cc" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-4"><g><rect x="200" y="135" width="120" height="60" rx="9" ry="9" fill="#ffff99" stroke="#ff0000" stroke-width="2" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 165px; margin-left: 201px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">MainActivity</div></div></div></foreignObject><text x="260" y="169" fill="#000000" font-family="&quot;Tahoma&quot;" font-size="12px" text-anchor="middle" font-weight="bold">MainActivity</text></switch></g></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-34"><g><path d="M 500 165 L 551.76 165" fill="none" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 557.76 165 L 549.76 169 L 551.76 165 L 549.76 161 Z" fill="#cc00cc" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-35"><g><path d="M 500 165 L 530 165 L 530 250 L 551.76 250" fill="none" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 557.76 250 L 549.76 254 L 551.76 250 L 549.76 246 Z" fill="#cc00cc" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-36"><g><path d="M 500 165 L 530 165 L 530 340 L 551.76 340" fill="none" stroke="#cc0000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 557.76 340 L 549.76 344 L 551.76 340 L 549.76 336 Z" fill="#cc0000" stroke="#cc0000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-37"><g><path d="M 500 165 L 530 165 L 530 430 L 551.76 430" fill="none" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 557.76 430 L 549.76 434 L 551.76 430 L 549.76 426 Z" fill="#cc00cc" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-5"><g><rect x="380" y="135" width="120" height="60" rx="9" ry="9" fill="#9999ff" stroke="#ff0000" stroke-width="2" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 165px; margin-left: 381px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">MainViewModel</div></div></div></foreignObject><text x="440" y="169" fill="#000000" font-family="&quot;Tahoma&quot;" font-size="12px" text-anchor="middle" font-weight="bold">MainViewModel</text></switch></g></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-33"><g><path d="M 440 280 L 440 301.76" fill="none" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 440 307.76 L 436 299.76 L 440 301.76 L 444 299.76 Z" fill="#cc00cc" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-6"><g><rect x="380" y="220" width="120" height="60" rx="9" ry="9" fill="#9999ff" stroke="#000066" stroke-width="2" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 250px; margin-left: 381px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">WimmApp</div></div></div></foreignObject><text x="440" y="254" fill="#000000" font-family="&quot;Tahoma&quot;" font-size="12px" text-anchor="middle" font-weight="bold">WimmApp</text></switch></g></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-32"><g><path d="M 440 370 L 440 391.76" fill="none" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 440 397.76 L 436 389.76 L 440 391.76 L 444 389.76 Z" fill="#cc00cc" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-7"><g><rect x="380" y="310" width="120" height="60" rx="9" ry="9" fill="#9999ff" stroke="#000066" stroke-width="2" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 340px; margin-left: 381px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">NavGraph</div></div></div></foreignObject><text x="440" y="344" fill="#000000" font-family="&quot;Tahoma&quot;" font-size="12px" text-anchor="middle" font-weight="bold">NavGraph</text></switch></g></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-22"><g><path d="M 140 300 L 170 300 L 170 75 L 191.76 75" fill="none" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 197.76 75 L 189.76 79 L 191.76 75 L 189.76 71 Z" fill="#cc00cc" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-23"><g><path d="M 140 300 L 170 300 L 170 165 L 191.76 165" fill="none" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 197.76 165 L 189.76 169 L 191.76 165 L 189.76 161 Z" fill="#cc00cc" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-24"><g><path d="M 140 300 L 170 300 L 170 255 L 191.76 255" fill="none" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 197.76 255 L 189.76 259 L 191.76 255 L 189.76 251 Z" fill="#cc00cc" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-25"><g><path d="M 140 300 L 170 300 L 170 345 L 191.76 345" fill="none" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 197.76 345 L 189.76 349 L 191.76 345 L 189.76 341 Z" fill="#cc00cc" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-26"><g><path d="M 140 300 L 170 300 L 170 450 L 191.76 450" fill="none" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 197.76 450 L 189.76 454 L 191.76 450 L 189.76 446 Z" fill="#cc00cc" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-27"><g><path d="M 140 300 L 170 300 L 170 525 L 191.76 525" fill="none" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 197.76 525 L 189.76 529 L 191.76 525 L 189.76 521 Z" fill="#cc00cc" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-8"><g><rect x="20" y="270" width="120" height="60" rx="9" ry="9" fill="#ffffcc" stroke="#000066" stroke-width="2" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 300px; margin-left: 21px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">WimmApplication</div></div></div></foreignObject><text x="80" y="304" fill="#000000" font-family="&quot;Tahoma&quot;" font-size="12px" text-anchor="middle" font-weight="bold">WimmApplication</text></switch></g></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-38"><g><path d="M 680 165 L 721.76 165" fill="none" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 727.76 165 L 719.76 169 L 721.76 165 L 719.76 161 Z" fill="#cc00cc" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-39"><g><path d="M 680 165 L 705 165 L 705 250 L 721.76 250" fill="none" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 727.76 250 L 719.76 254 L 721.76 250 L 719.76 246 Z" fill="#cc00cc" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-40"><g><path d="M 680 165 L 705 165 L 705 340 L 721.76 340" fill="none" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 727.76 340 L 719.76 344 L 721.76 340 L 719.76 336 Z" fill="#cc00cc" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-10"><g><rect x="560" y="135" width="120" height="60" rx="9" ry="9" fill="#ff99ff" stroke="#ff0000" stroke-width="2" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 165px; margin-left: 561px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Repository</div></div></div></foreignObject><text x="620" y="169" fill="#000000" font-family="&quot;Tahoma&quot;" font-size="12px" text-anchor="middle" font-weight="bold">Repository</text></switch></g></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-11"><g><rect x="560" y="220" width="120" height="60" rx="9" ry="9" fill="#ff99ff" stroke="#000066" stroke-width="2" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 250px; margin-left: 561px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Loader</div></div></div></foreignObject><text x="620" y="254" fill="#000000" font-family="&quot;Tahoma&quot;" font-size="12px" text-anchor="middle" font-weight="bold">Loader</text></switch></g></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-12"><g><rect x="560" y="310" width="120" height="60" rx="9" ry="9" fill="#ff99ff" stroke="#000066" stroke-width="2" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 340px; margin-left: 561px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Messenger</div></div></div></foreignObject><text x="620" y="344" fill="#000000" font-family="&quot;Tahoma&quot;" font-size="12px" text-anchor="middle" font-weight="bold">Messenger</text></switch></g></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-13"><g><rect x="560" y="400" width="120" height="60" rx="9" ry="9" fill="#ff99ff" stroke="#000066" stroke-width="2" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 430px; margin-left: 561px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Navigator</div></div></div></foreignObject><text x="620" y="434" fill="#000000" font-family="&quot;Tahoma&quot;" font-size="12px" text-anchor="middle" font-weight="bold">Navigator</text></switch></g></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-14"><g><rect x="730" y="135" width="120" height="60" rx="9" ry="9" fill="#ff9999" stroke="#000066" stroke-width="2" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 165px; margin-left: 731px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">FeatureApi</div></div></div></foreignObject><text x="790" y="169" fill="#000000" font-family="&quot;Tahoma&quot;" font-size="12px" text-anchor="middle" font-weight="bold">FeatureApi</text></switch></g></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-15"><g><rect x="730" y="220" width="120" height="60" rx="9" ry="9" fill="#ff9999" stroke="#000066" stroke-width="2" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 250px; margin-left: 731px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">DatabaseService</div></div></div></foreignObject><text x="790" y="254" fill="#000000" font-family="&quot;Tahoma&quot;" font-size="12px" text-anchor="middle" font-weight="bold">DatabaseService</text></switch></g></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-16"><g><rect x="730" y="310" width="120" height="60" rx="9" ry="9" fill="#ff9999" stroke="#000066" stroke-width="2" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 340px; margin-left: 731px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">DateStore</div></div></div></foreignObject><text x="790" y="344" fill="#000000" font-family="&quot;Tahoma&quot;" font-size="12px" text-anchor="middle" font-weight="bold">DateStore</text></switch></g></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-17"><g><rect x="200" y="225" width="120" height="60" rx="9" ry="9" fill="#66ffb3" stroke="#000066" stroke-width="2" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 255px; margin-left: 201px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">FCM</div></div></div></foreignObject><text x="260" y="259" fill="#000000" font-family="&quot;Tahoma&quot;" font-size="12px" text-anchor="middle" font-weight="bold">FCM</text></switch></g></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-18"><g><rect x="200" y="315" width="120" height="60" rx="9" ry="9" fill="#66ffb3" stroke="#000066" stroke-width="2" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 345px; margin-left: 201px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">work</div></div></div></foreignObject><text x="260" y="349" fill="#000000" font-family="&quot;Tahoma&quot;" font-size="12px" text-anchor="middle" font-weight="bold">work</text></switch></g></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-19"><g><rect x="200" y="405" width="120" height="60" rx="9" ry="9" fill="#66ffb3" stroke="#000066" stroke-width="2" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 435px; margin-left: 201px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">utils</div></div></div></foreignObject><text x="260" y="439" fill="#000000" font-family="&quot;Tahoma&quot;" font-size="12px" text-anchor="middle" font-weight="bold">utils</text></switch></g></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-20"><g><rect x="200" y="45" width="120" height="60" rx="9" ry="9" fill="#66ffb3" stroke="#000066" stroke-width="2" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 75px; margin-left: 201px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">DI</div></div></div></foreignObject><text x="260" y="79" fill="#000000" font-family="&quot;Tahoma&quot;" font-size="12px" text-anchor="middle" font-weight="bold">DI</text></switch></g></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-21"><g><rect x="200" y="495" width="120" height="60" rx="9" ry="9" fill="#66ffb3" stroke="#000066" stroke-width="2" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 525px; margin-left: 201px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">analytics</div></div></div></foreignObject><text x="260" y="529" fill="#000000" font-family="&quot;Tahoma&quot;" font-size="12px" text-anchor="middle" font-weight="bold">analytics</text></switch></g></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-43"><g><path d="M 440 470 L 440 490 L 440 475 L 440 486.76" fill="none" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 440 492.76 L 436 484.76 L 440 486.76 L 444 484.76 Z" fill="#cc00cc" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-41"><g><ellipse cx="440" cy="435" rx="35" ry="35" fill="#9999ff" stroke="#000066" stroke-width="2" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 68px; height: 1px; padding-top: 435px; margin-left: 406px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">FeatureUi</div></div></div></foreignObject><text x="440" y="439" fill="#000000" font-family="&quot;Tahoma&quot;" font-size="12px" text-anchor="middle" font-weight="bold">FeatureUi</text></switch></g></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-45"><g><path d="M 500 525 L 530 525 L 530 340 L 551.76 340" fill="none" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 557.76 340 L 549.76 344 L 551.76 340 L 549.76 336 Z" fill="#cc00cc" stroke="#cc00cc" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="fDPHvhCgjez8tbdl3W7N-42"><g><rect x="380" y="495" width="120" height="60" rx="9" ry="9" fill="#9999ff" stroke="#ff0000" stroke-width="2" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 525px; margin-left: 381px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">FeatureViewModel</div></div></div></foreignObject><text x="440" y="529" fill="#000000" font-family="&quot;Tahoma&quot;" font-size="12px" text-anchor="middle" font-weight="bold">FeatureViewModel</text></switch></g></g></g></g></g></g></svg>
\ No newline at end of file