diff --git a/docs/User Guide/!!!meta.json b/docs/User Guide/!!!meta.json
index 990b7c5d1..adad4b9bd 100644
--- a/docs/User Guide/!!!meta.json	
+++ b/docs/User Guide/!!!meta.json	
@@ -4771,20 +4771,6 @@
                             "type": "text",
                             "mime": "text/html",
                             "attributes": [
-                                {
-                                    "type": "relation",
-                                    "name": "imageLink",
-                                    "value": "r44dpvA1xFu8",
-                                    "isInheritable": false,
-                                    "position": 10
-                                },
-                                {
-                                    "type": "relation",
-                                    "name": "imageLink",
-                                    "value": "opAFABmyb3CU",
-                                    "isInheritable": false,
-                                    "position": 20
-                                },
                                 {
                                     "type": "label",
                                     "name": "shareAlias",
@@ -4802,7 +4788,24 @@
                             ],
                             "format": "markdown",
                             "dataFileName": "Mermaid Diagrams.md",
-                            "attachments": [],
+                            "attachments": [
+                                {
+                                    "attachmentId": "0giz1mqLMRDs",
+                                    "title": "ELK off.svg",
+                                    "role": "image",
+                                    "mime": "image/svg+xml",
+                                    "position": 10,
+                                    "dataFileName": "Mermaid Diagrams_ELK off.svg"
+                                },
+                                {
+                                    "attachmentId": "IKxo3tblVDHq",
+                                    "title": "ELK on.svg",
+                                    "role": "image",
+                                    "mime": "image/svg+xml",
+                                    "position": 10,
+                                    "dataFileName": "Mermaid Diagrams_ELK on.svg"
+                                }
+                            ],
                             "dirFileName": "Mermaid Diagrams",
                             "children": [
                                 {
diff --git a/docs/User Guide/User Guide/Note Types/Mermaid Diagrams.md b/docs/User Guide/User Guide/Note Types/Mermaid Diagrams.md
index 4e0f399b5..7bb6784fd 100644
--- a/docs/User Guide/User Guide/Note Types/Mermaid Diagrams.md	
+++ b/docs/User Guide/User Guide/Note Types/Mermaid Diagrams.md	
@@ -18,4 +18,4 @@ config:
 
 | With ELK off | With ELK on |
 | --- | --- |
-| ![](Mermaid%20Diagrams/ELK%20off.txt) | ![](Mermaid%20Diagrams/ELK%20on.txt) |
\ No newline at end of file
+| ![](Mermaid%20Diagrams_ELK%20off.svg) | ![](Mermaid%20Diagrams_ELK%20on.svg) |
\ No newline at end of file
diff --git a/docs/User Guide/User Guide/Note Types/Mermaid Diagrams/ELK off_mermaid-export.svg b/docs/User Guide/User Guide/Note Types/Mermaid Diagrams/ELK off_mermaid-export.svg
index 2934db9da..254078d88 100644
--- a/docs/User Guide/User Guide/Note Types/Mermaid Diagrams/ELK off_mermaid-export.svg	
+++ b/docs/User Guide/User Guide/Note Types/Mermaid Diagrams/ELK off_mermaid-export.svg	
@@ -1 +1 @@
-<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="0 -50 512.9166564941406 442" style="max-width: 512.9166564941406px;" class="flowchart" xmlns="http://www.w3.org/2000/svg" width="100%" id="mermaid-graph-2"><style>#mermaid-graph-2{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#ccc;}#mermaid-graph-2 .error-icon{fill:#a44141;}#mermaid-graph-2 .error-text{fill:#ddd;stroke:#ddd;}#mermaid-graph-2 .edge-thickness-normal{stroke-width:1px;}#mermaid-graph-2 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-graph-2 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-graph-2 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-graph-2 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-graph-2 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-graph-2 .marker{fill:lightgrey;stroke:lightgrey;}#mermaid-graph-2 .marker.cross{stroke:lightgrey;}#mermaid-graph-2 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-graph-2 p{margin:0;}#mermaid-graph-2 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#ccc;}#mermaid-graph-2 .cluster-label text{fill:#F9FFFE;}#mermaid-graph-2 .cluster-label span{color:#F9FFFE;}#mermaid-graph-2 .cluster-label span p{background-color:transparent;}#mermaid-graph-2 .label text,#mermaid-graph-2 span{fill:#ccc;color:#ccc;}#mermaid-graph-2 .node rect,#mermaid-graph-2 .node circle,#mermaid-graph-2 .node ellipse,#mermaid-graph-2 .node polygon,#mermaid-graph-2 .node path{fill:#1f2020;stroke:#ccc;stroke-width:1px;}#mermaid-graph-2 .rough-node .label text,#mermaid-graph-2 .node .label text,#mermaid-graph-2 .image-shape .label,#mermaid-graph-2 .icon-shape .label{text-anchor:middle;}#mermaid-graph-2 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-graph-2 .rough-node .label,#mermaid-graph-2 .node .label,#mermaid-graph-2 .image-shape .label,#mermaid-graph-2 .icon-shape .label{text-align:center;}#mermaid-graph-2 .node.clickable{cursor:pointer;}#mermaid-graph-2 .root .anchor path{fill:lightgrey!important;stroke-width:0;stroke:lightgrey;}#mermaid-graph-2 .arrowheadPath{fill:lightgrey;}#mermaid-graph-2 .edgePath .path{stroke:lightgrey;stroke-width:2.0px;}#mermaid-graph-2 .flowchart-link{stroke:lightgrey;fill:none;}#mermaid-graph-2 .edgeLabel{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#mermaid-graph-2 .edgeLabel p{background-color:hsl(0, 0%, 34.4117647059%);}#mermaid-graph-2 .edgeLabel rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#mermaid-graph-2 .labelBkg{background-color:rgba(87.75, 87.75, 87.75, 0.5);}#mermaid-graph-2 .cluster rect{fill:hsl(180, 1.5873015873%, 28.3529411765%);stroke:rgba(255, 255, 255, 0.25);stroke-width:1px;}#mermaid-graph-2 .cluster text{fill:#F9FFFE;}#mermaid-graph-2 .cluster span{color:#F9FFFE;}#mermaid-graph-2 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(20, 1.5873015873%, 12.3529411765%);border:1px solid rgba(255, 255, 255, 0.25);border-radius:2px;pointer-events:none;z-index:100;}#mermaid-graph-2 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#ccc;}#mermaid-graph-2 rect.text{fill:none;stroke-width:0;}#mermaid-graph-2 .icon-shape,#mermaid-graph-2 .image-shape{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#mermaid-graph-2 .icon-shape p,#mermaid-graph-2 .image-shape p{background-color:hsl(0, 0%, 34.4117647059%);padding:2px;}#mermaid-graph-2 .icon-shape rect,#mermaid-graph-2 .image-shape rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#mermaid-graph-2 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-2_flowchart-v2-pointEnd"><path style="stroke-width: 1px; stroke-dasharray: 1px, 0px;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-2_flowchart-v2-pointStart"><path style="stroke-width: 1px; stroke-dasharray: 1px, 0px;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-2_flowchart-v2-circleEnd"><circle style="stroke-width: 1px; stroke-dasharray: 1px, 0px;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-2_flowchart-v2-circleStart"><circle style="stroke-width: 1px; stroke-dasharray: 1px, 0px;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-2_flowchart-v2-crossEnd"><path style="stroke-width: 2px; stroke-dasharray: 1px, 0px;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-2_flowchart-v2-crossStart"><path style="stroke-width: 2px; stroke-dasharray: 1px, 0px;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><g class="root"><g class="clusters"></g><g class="edgePaths"><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_B_0" d="M77.433,196L87.863,196C98.292,196,119.15,196,139.342,196C159.533,196,179.058,196,188.821,196L198.583,196"></path><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_1" d="M446.275,169L430.811,151.5C415.347,134,384.419,99,353.967,98.5C323.514,98,293.537,132,278.548,149L263.559,166"></path><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_2" d="M435.35,169.758L421.707,159.465C408.064,149.172,380.778,128.586,354.023,128.207C327.269,127.827,301.047,147.655,287.935,157.569L274.824,167.482"></path><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_3" d="M435.35,182.879L421.707,177.732C408.064,172.586,380.778,162.293,354.115,162.069C327.453,161.844,301.414,171.689,288.394,176.611L275.375,181.533"></path><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_4" d="M435.35,196L421.707,196C408.064,196,380.778,196,354.158,196C327.539,196,301.586,196,288.61,196L275.633,196"></path><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_5" d="M435.35,209.121L421.707,214.268C408.064,219.414,380.778,229.707,354.115,229.931C327.453,230.156,301.414,220.311,288.394,215.389L275.375,210.467"></path><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_6" d="M435.35,222.242L421.707,232.535C408.064,242.828,380.778,263.414,354.023,263.793C327.269,264.173,301.047,244.345,287.935,234.431L274.824,224.518"></path><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_7" d="M446.275,223L430.811,240.5C415.347,258,384.419,293,353.967,293.5C323.514,294,293.537,260,278.548,243L263.559,226"></path><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_8" d="M452.239,223L435.781,247.833C419.324,272.667,386.408,322.333,353.896,322.889C321.384,323.445,289.276,274.891,273.223,250.614L257.169,226.336"></path><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_C_9" d="M254.963,169L271.384,144.167C287.806,119.333,320.649,69.667,353.16,69.111C385.671,68.555,417.85,117.111,433.94,141.388L450.03,165.666"></path></g><g class="edgeLabels"><g transform="translate(140.00833129882812, 196)" class="edgeLabel"><g transform="translate(-37.57499694824219, -12)" class="label"><foreignObject height="24" width="75.14999389648438"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g><g transform="translate(353.49166107177734, 64)" class="edgeLabel"><g transform="translate(-53.875, -12)" class="label"><foreignObject height="24" width="107.75"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>User attributes</p></span></div></foreignObject></g></g><g transform="translate(353.49166107177734, 108)" class="edgeLabel"><g transform="translate(-42.208335876464844, -12)" class="label"><foreignObject height="24" width="84.41667175292969"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Master data</p></span></div></foreignObject></g></g><g transform="translate(353.49166107177734, 152)" class="edgeLabel"><g transform="translate(-52.39167022705078, -12)" class="label"><foreignObject height="24" width="104.78334045410156"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Exchange Rate</p></span></div></foreignObject></g></g><g transform="translate(353.49166107177734, 196)" class="edgeLabel"><g transform="translate(-49.73332977294922, -12)" class="label"><foreignObject height="24" width="99.46665954589844"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(353.49166107177734, 240)" class="edgeLabel"><g transform="translate(-56.85832977294922, -12)" class="label"><foreignObject height="24" width="113.71665954589844"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Vendor Partners</p></span></div></foreignObject></g></g><g transform="translate(353.49166107177734, 284)" class="edgeLabel"><g transform="translate(-52.30000305175781, -12)" class="label"><foreignObject height="24" width="104.60000610351562"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Work Situation</p></span></div></foreignObject></g></g><g transform="translate(353.49166107177734, 328)" class="edgeLabel"><g transform="translate(-33.98332977294922, -12)" class="label"><foreignObject height="24" width="67.96665954589844"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Customer</p></span></div></foreignObject></g></g><g transform="translate(353.49166107177734, 372)" class="edgeLabel"><g transform="translate(-49.73332977294922, -12)" class="label"><foreignObject height="24" width="99.46665954589844"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(353.49166107177734, 20)" class="edgeLabel"><g transform="translate(-37.57499694824219, -12)" class="label"><foreignObject height="24" width="75.14999389648438"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(42.71666717529297, 196)" id="flowchart-A-20" class="node default"><rect height="54" width="69.43333435058594" y="-27" x="-34.71666717529297" style="" class="basic label-container"></rect><g transform="translate(-4.716667175292969, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.433334350585938"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>A</p></span></div></foreignObject></g></g><g transform="translate(237.10832977294922, 196)" id="flowchart-B-21" class="node default"><rect height="54" width="69.05000305175781" y="-27" x="-34.525001525878906" style="" class="basic label-container"></rect><g transform="translate(-4.525001525878906, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.050003051757812"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>B</p></span></div></foreignObject></g></g><g transform="translate(470.1333236694336, 196)" id="flowchart-C-22" class="node default"><rect height="54" width="69.56666564941406" y="-27" x="-34.78333282470703" style="" class="basic label-container"></rect><g transform="translate(-4.783332824707031, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.566665649414062"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>C</p></span></div></foreignObject></g></g></g></g></g><text class="flowchartTitleText" y="-25" x="256.4583282470703" text-anchor="middle">Interfaces for B</text></svg>
\ No newline at end of file
+<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="0 -50 512.90625 442" height="442" class="flowchart" xmlns="http://www.w3.org/2000/svg" width="512.90625" id="mermaid-graph-5"><style>#mermaid-graph-5{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-graph-5 .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-graph-5 .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-graph-5 .error-icon{fill:#552222;}#mermaid-graph-5 .error-text{fill:#552222;stroke:#552222;}#mermaid-graph-5 .edge-thickness-normal{stroke-width:1px;}#mermaid-graph-5 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-graph-5 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-graph-5 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-graph-5 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-graph-5 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-graph-5 .marker{fill:#333333;stroke:#333333;}#mermaid-graph-5 .marker.cross{stroke:#333333;}#mermaid-graph-5 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-graph-5 p{margin:0;}#mermaid-graph-5 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-graph-5 .cluster-label text{fill:#333;}#mermaid-graph-5 .cluster-label span{color:#333;}#mermaid-graph-5 .cluster-label span p{background-color:transparent;}#mermaid-graph-5 .label text,#mermaid-graph-5 span{fill:#333;color:#333;}#mermaid-graph-5 .node rect,#mermaid-graph-5 .node circle,#mermaid-graph-5 .node ellipse,#mermaid-graph-5 .node polygon,#mermaid-graph-5 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-graph-5 .rough-node .label text,#mermaid-graph-5 .node .label text,#mermaid-graph-5 .image-shape .label,#mermaid-graph-5 .icon-shape .label{text-anchor:middle;}#mermaid-graph-5 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-graph-5 .rough-node .label,#mermaid-graph-5 .node .label,#mermaid-graph-5 .image-shape .label,#mermaid-graph-5 .icon-shape .label{text-align:center;}#mermaid-graph-5 .node.clickable{cursor:pointer;}#mermaid-graph-5 .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-graph-5 .arrowheadPath{fill:#333333;}#mermaid-graph-5 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-graph-5 .flowchart-link{stroke:#333333;fill:none;}#mermaid-graph-5 .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-graph-5 .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-graph-5 .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-graph-5 .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-graph-5 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-graph-5 .cluster text{fill:#333;}#mermaid-graph-5 .cluster span{color:#333;}#mermaid-graph-5 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-graph-5 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-graph-5 rect.text{fill:none;stroke-width:0;}#mermaid-graph-5 .icon-shape,#mermaid-graph-5 .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-graph-5 .icon-shape p,#mermaid-graph-5 .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-graph-5 .icon-shape rect,#mermaid-graph-5 .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-graph-5 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-5_flowchart-v2-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-5_flowchart-v2-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-5_flowchart-v2-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-5_flowchart-v2-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-5_flowchart-v2-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-5_flowchart-v2-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><g class="root"><g class="clusters"></g><g class="edgePaths"><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_B_0" d="M77.438,196L87.866,196C98.294,196,119.151,196,139.341,196C159.531,196,179.055,196,188.816,196L198.578,196"></path><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_0" d="M446.26,169L430.798,151.5C415.335,134,384.41,99,353.959,98.5C323.509,98,293.534,132,278.546,149L263.559,166"></path><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_2" d="M435.328,169.751L421.688,159.46C408.047,149.168,380.766,128.584,354.016,128.205C327.267,127.825,301.049,147.65,287.94,157.563L274.831,167.476"></path><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_3" d="M435.328,182.876L421.688,177.73C408.047,172.584,380.766,162.292,354.108,162.068C327.45,161.843,301.416,171.686,288.399,176.608L275.382,181.53"></path><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_4" d="M435.328,196L421.688,196C408.047,196,380.766,196,354.151,196C327.536,196,301.589,196,288.615,196L275.641,196"></path><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_5" d="M435.328,209.124L421.688,214.27C408.047,219.416,380.766,229.708,354.108,229.932C327.45,230.157,301.416,220.314,288.399,215.392L275.382,210.47"></path><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_6" d="M435.328,222.249L421.688,232.54C408.047,242.832,380.766,263.416,354.016,263.795C327.267,264.175,301.049,244.35,287.94,234.437L274.831,224.524"></path><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_7" d="M446.26,223L430.798,240.5C415.335,258,384.41,293,353.959,293.5C323.509,294,293.534,260,278.546,243L263.559,226"></path><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_8" d="M452.225,223L435.768,247.833C419.311,272.667,386.398,322.333,353.888,322.889C321.379,323.446,289.274,274.891,273.221,250.614L257.169,226.337"></path><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_C_0" d="M254.962,169L271.383,144.167C287.803,119.333,320.644,69.667,353.152,69.111C385.661,68.555,417.838,117.11,433.927,141.388L450.015,165.666"></path></g><g class="edgeLabels"><g transform="translate(140.0078125, 196)" class="edgeLabel"><g transform="translate(-37.5703125, -12)" class="label"><foreignObject height="24" width="75.140625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 64)" class="edgeLabel"><g transform="translate(-53.8515625, -12)" class="label"><foreignObject height="24" width="107.703125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>User attributes</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 108)" class="edgeLabel"><g transform="translate(-42.2109375, -12)" class="label"><foreignObject height="24" width="84.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Master data</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 152)" class="edgeLabel"><g transform="translate(-52.3828125, -12)" class="label"><foreignObject height="24" width="104.765625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Exchange Rate</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 196)" class="edgeLabel"><g transform="translate(-49.7109375, -12)" class="label"><foreignObject height="24" width="99.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 240)" class="edgeLabel"><g transform="translate(-56.84375, -12)" class="label"><foreignObject height="24" width="113.6875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Vendor Partners</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 284)" class="edgeLabel"><g transform="translate(-52.2890625, -12)" class="label"><foreignObject height="24" width="104.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Work Situation</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 328)" class="edgeLabel"><g transform="translate(-33.9765625, -12)" class="label"><foreignObject height="24" width="67.953125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Customer</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 372)" class="edgeLabel"><g transform="translate(-49.7109375, -12)" class="label"><foreignObject height="24" width="99.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 20)" class="edgeLabel"><g transform="translate(-37.5703125, -12)" class="label"><foreignObject height="24" width="75.140625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(42.71875, 196)" id="flowchart-A-0" class="node default"><rect height="54" width="69.4375" y="-27" x="-34.71875" style="" class="basic label-container"></rect><g transform="translate(-4.71875, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.4375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>A</p></span></div></foreignObject></g></g><g transform="translate(237.109375, 196)" id="flowchart-B-1" class="node default"><rect height="54" width="69.0625" y="-27" x="-34.53125" style="" class="basic label-container"></rect><g transform="translate(-4.53125, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.0625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>B</p></span></div></foreignObject></g></g><g transform="translate(470.1171875, 196)" id="flowchart-C-2" class="node default"><rect height="54" width="69.578125" y="-27" x="-34.7890625" style="" class="basic label-container"></rect><g transform="translate(-4.7890625, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>C</p></span></div></foreignObject></g></g></g></g></g><text class="flowchartTitleText" y="-25" x="256.453125" text-anchor="middle">Interfaces for B</text></svg>
\ No newline at end of file
diff --git a/docs/User Guide/User Guide/Note Types/Mermaid Diagrams/ELK on_mermaid-export.svg b/docs/User Guide/User Guide/Note Types/Mermaid Diagrams/ELK on_mermaid-export.svg
index d63356ec4..6fb0d2a0b 100644
--- a/docs/User Guide/User Guide/Note Types/Mermaid Diagrams/ELK on_mermaid-export.svg	
+++ b/docs/User Guide/User Guide/Note Types/Mermaid Diagrams/ELK on_mermaid-export.svg	
@@ -1 +1 @@
-<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="4 -49.66666793823242 530.826416015625 490.2760314941406" style="max-width: 530.826416015625px;" class="flowchart" xmlns="http://www.w3.org/2000/svg" width="100%" id="mermaid-graph-12"><style>#mermaid-graph-12{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#ccc;}#mermaid-graph-12 .error-icon{fill:#a44141;}#mermaid-graph-12 .error-text{fill:#ddd;stroke:#ddd;}#mermaid-graph-12 .edge-thickness-normal{stroke-width:1px;}#mermaid-graph-12 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-graph-12 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-graph-12 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-graph-12 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-graph-12 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-graph-12 .marker{fill:lightgrey;stroke:lightgrey;}#mermaid-graph-12 .marker.cross{stroke:lightgrey;}#mermaid-graph-12 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-graph-12 p{margin:0;}#mermaid-graph-12 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#ccc;}#mermaid-graph-12 .cluster-label text{fill:#F9FFFE;}#mermaid-graph-12 .cluster-label span{color:#F9FFFE;}#mermaid-graph-12 .cluster-label span p{background-color:transparent;}#mermaid-graph-12 .label text,#mermaid-graph-12 span{fill:#ccc;color:#ccc;}#mermaid-graph-12 .node rect,#mermaid-graph-12 .node circle,#mermaid-graph-12 .node ellipse,#mermaid-graph-12 .node polygon,#mermaid-graph-12 .node path{fill:#1f2020;stroke:#ccc;stroke-width:1px;}#mermaid-graph-12 .rough-node .label text,#mermaid-graph-12 .node .label text,#mermaid-graph-12 .image-shape .label,#mermaid-graph-12 .icon-shape .label{text-anchor:middle;}#mermaid-graph-12 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-graph-12 .rough-node .label,#mermaid-graph-12 .node .label,#mermaid-graph-12 .image-shape .label,#mermaid-graph-12 .icon-shape .label{text-align:center;}#mermaid-graph-12 .node.clickable{cursor:pointer;}#mermaid-graph-12 .root .anchor path{fill:lightgrey!important;stroke-width:0;stroke:lightgrey;}#mermaid-graph-12 .arrowheadPath{fill:lightgrey;}#mermaid-graph-12 .edgePath .path{stroke:lightgrey;stroke-width:2.0px;}#mermaid-graph-12 .flowchart-link{stroke:lightgrey;fill:none;}#mermaid-graph-12 .edgeLabel{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#mermaid-graph-12 .edgeLabel p{background-color:hsl(0, 0%, 34.4117647059%);}#mermaid-graph-12 .edgeLabel rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#mermaid-graph-12 .labelBkg{background-color:rgba(87.75, 87.75, 87.75, 0.5);}#mermaid-graph-12 .cluster rect{fill:hsl(180, 1.5873015873%, 28.3529411765%);stroke:rgba(255, 255, 255, 0.25);stroke-width:1px;}#mermaid-graph-12 .cluster text{fill:#F9FFFE;}#mermaid-graph-12 .cluster span{color:#F9FFFE;}#mermaid-graph-12 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(20, 1.5873015873%, 12.3529411765%);border:1px solid rgba(255, 255, 255, 0.25);border-radius:2px;pointer-events:none;z-index:100;}#mermaid-graph-12 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#ccc;}#mermaid-graph-12 rect.text{fill:none;stroke-width:0;}#mermaid-graph-12 .icon-shape,#mermaid-graph-12 .image-shape{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#mermaid-graph-12 .icon-shape p,#mermaid-graph-12 .image-shape p{background-color:hsl(0, 0%, 34.4117647059%);padding:2px;}#mermaid-graph-12 .icon-shape rect,#mermaid-graph-12 .image-shape rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#mermaid-graph-12 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-12_flowchart-v2-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-12_flowchart-v2-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-12_flowchart-v2-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-12_flowchart-v2-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-12_flowchart-v2-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-12_flowchart-v2-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker></g><g class="subgraphs"></g><g class="nodes"><g transform="translate(46.861114501953125, 39.00520896911621)" id="flowchart-A-220" class="node default"><rect height="54.01041793823242" width="69.44444465637207" y="-27.00520896911621" x="-34.722222328186035" style="" class="basic label-container"></rect><g transform="translate(-4.722222328186035, -12.005208969116211)" style="" class="label"><rect></rect><foreignObject height="24.010417938232422" width="9.44444465637207"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>A</p></span></div></foreignObject></g></g><g transform="translate(492.2951431274414, 249.10227966308594)" id="flowchart-B-221" class="node default"><rect height="54.01041793823242" width="69.0625" y="-27.00520896911621" x="-34.53125" style="" class="basic label-container"></rect><g transform="translate(-4.53125, -12.005208969116211)" style="" class="label"><rect></rect><foreignObject height="24.010417938232422" width="9.0625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>B</p></span></div></foreignObject></g></g><g transform="translate(46.79166793823242, 399.99480323791505)" id="flowchart-C-222" class="node default"><rect height="54.01041793823242" width="69.58333396911621" y="-27.00520896911621" x="-34.791666984558105" style="" class="basic label-container"></rect><g transform="translate(-4.7916669845581055, -12.005208969116211)" style="" class="label"><rect></rect><foreignObject height="24.010417938232422" width="9.583333969116211"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>C</p></span></div></foreignObject></g></g></g><g class="edges edgePaths"><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_B_0_0" d="M81.583,39.005L140.53,39.005C199.477,39.005,317.37,39.005,376.789,39.367C436.207,39.729,437.15,40.453,437.983,41.286C438.816,42.12,439.54,43.062,439.902,73.201C440.264,103.339,440.264,162.673,440.626,192.812C440.988,222.95,441.712,223.893,442.545,224.726C443.378,225.559,444.321,226.283,446.209,226.645C448.097,227.007,450.931,227.007,452.347,227.007L453.764,227.007"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_1_0" d="M81.583,383.792L86.583,383.792C91.583,383.792,101.583,383.792,107.055,383.43C112.526,383.068,113.469,382.344,114.302,381.511C115.136,380.677,115.859,379.734,116.221,337.635C116.583,295.536,116.583,212.281,116.945,170.182C117.307,128.083,118.031,127.14,118.864,126.307C119.698,125.474,120.641,124.75,167.559,124.388C214.477,124.026,307.37,124.026,354.289,124.388C401.207,124.75,402.15,125.474,402.983,126.307C403.816,127.14,404.54,128.083,404.902,145.688C405.264,163.293,405.264,197.56,405.626,215.165C405.988,232.77,406.712,233.713,407.545,234.546C408.378,235.379,409.321,236.103,417.042,236.465C424.764,236.827,439.264,236.827,446.514,236.827L453.764,236.827"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_2_0" d="M81.583,389.193L89.5,389.193C97.417,389.193,113.25,389.193,121.638,388.831C130.026,388.469,130.969,387.745,131.802,386.912C132.636,386.078,133.359,385.136,133.721,349.221C134.083,313.307,134.083,242.422,134.445,206.508C134.807,170.594,135.531,169.651,136.364,168.818C137.198,167.984,138.141,167.26,179.225,166.898C220.31,166.536,301.537,166.536,342.622,166.898C383.707,167.26,384.65,167.984,385.483,168.818C386.316,169.651,387.04,170.594,387.402,181.932C387.764,193.27,387.764,215.004,388.126,226.342C388.488,237.68,389.212,238.623,390.045,239.456C390.878,240.29,391.821,241.013,402.459,241.375C413.097,241.737,433.431,241.737,443.597,241.737L453.764,241.737"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_3_0" d="M81.583,394.594L92.417,394.594C103.25,394.594,124.917,394.594,136.221,394.232C147.526,393.87,148.469,393.146,149.302,392.313C150.136,391.479,150.859,390.537,151.221,360.807C151.583,331.078,151.583,272.563,151.945,242.833C152.307,213.104,153.031,212.161,153.864,211.328C154.698,210.495,155.641,209.771,190.892,209.409C226.144,209.047,295.704,209.047,330.955,209.409C366.207,209.771,367.15,210.495,367.983,211.328C368.816,212.161,369.54,213.104,369.902,218.176C370.264,223.247,370.264,232.447,370.626,237.519C370.988,242.59,371.712,243.533,372.545,244.366C373.378,245.2,374.321,245.923,387.876,246.285C401.431,246.647,427.597,246.647,440.681,246.647L453.764,246.647"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_4_0" d="M81.583,399.995L95.333,399.995C109.083,399.995,136.583,399.995,150.805,399.633C165.026,399.271,165.969,398.547,166.802,397.714C167.636,396.88,168.359,395.938,168.721,372.393C169.083,348.849,169.083,302.703,169.445,279.159C169.807,255.614,170.531,254.672,171.364,253.838C172.198,253.005,173.141,252.281,220.225,251.919C267.31,251.557,360.537,251.557,407.15,251.557L453.764,251.557"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_5_0" d="M81.583,405.396L98.25,405.396C114.917,405.396,148.25,405.396,165.388,405.034C182.526,404.672,183.469,403.948,184.302,403.115C185.136,402.281,185.859,401.339,186.221,383.979C186.583,366.62,186.583,332.844,186.945,315.484C187.307,298.125,188.031,297.182,188.864,296.349C189.698,295.515,190.641,294.792,220.059,294.43C249.477,294.068,307.37,294.068,336.789,293.706C366.207,293.344,367.15,292.62,367.983,291.787C368.816,290.953,369.54,290.011,369.902,284.939C370.264,279.868,370.264,270.667,370.626,265.596C370.988,260.525,371.712,259.582,372.545,258.748C373.378,257.915,374.321,257.191,387.876,256.829C401.431,256.467,427.597,256.467,440.681,256.467L453.764,256.467"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_6_0" d="M81.583,410.797L101.167,410.797C120.75,410.797,159.917,410.797,179.971,410.435C200.026,410.073,200.969,409.349,201.802,408.516C202.636,407.683,203.359,406.74,203.721,395.565C204.083,384.391,204.083,362.984,204.445,351.81C204.807,340.635,205.531,339.693,206.364,338.859C207.198,338.026,208.141,337.302,237.559,336.94C266.977,336.578,324.87,336.578,354.289,336.216C383.707,335.854,384.65,335.13,385.483,334.297C386.316,333.464,387.04,332.521,387.402,321.183C387.764,309.845,387.764,288.111,388.126,276.773C388.488,265.435,389.212,264.492,390.045,263.658C390.878,262.825,391.821,262.101,402.459,261.739C413.097,261.377,433.431,261.377,443.597,261.377L453.764,261.377"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_7_0" d="M81.583,416.198L104.083,416.198C126.583,416.198,171.583,416.198,194.555,415.836C217.526,415.474,218.469,414.75,219.302,413.917C220.136,413.084,220.859,412.141,221.221,407.151C221.583,402.161,221.583,393.125,221.945,388.135C222.307,383.146,223.031,382.203,223.864,381.37C224.698,380.536,225.641,379.812,255.059,379.45C284.477,379.089,342.37,379.089,371.789,378.727C401.207,378.365,402.15,377.641,402.983,376.808C403.816,375.974,404.54,375.031,404.902,357.426C405.264,339.822,405.264,305.554,405.626,287.95C405.988,270.345,406.712,269.402,407.545,268.568C408.378,267.735,409.321,267.011,417.042,266.649C424.764,266.287,439.264,266.287,446.514,266.287L453.764,266.287"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_8_0" d="M81.583,421.599L137.613,421.599C193.644,421.599,305.704,421.599,362.205,421.237C418.707,420.875,419.65,420.151,420.483,419.318C421.316,418.485,422.04,417.542,422.402,393.67C422.764,369.798,422.764,322.998,423.126,299.126C423.488,275.255,424.212,274.312,425.045,273.478C425.878,272.645,426.821,271.921,431.626,271.559C436.431,271.197,445.097,271.197,449.431,271.197L453.764,271.197"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_C_9_0" d="M457.764,231.917L452.764,231.917C447.764,231.917,437.764,231.917,432.292,231.555C426.821,231.193,425.878,230.469,425.045,229.636C424.212,228.803,423.488,227.86,423.126,203.988C422.764,180.117,422.764,133.316,422.402,109.444C422.04,85.573,421.316,84.63,420.483,83.797C419.65,82.963,418.707,82.239,365.955,81.878C313.204,81.516,208.644,81.516,155.892,81.878C103.141,82.239,102.198,82.963,101.364,83.797C100.531,84.63,99.807,85.573,99.445,133.857C99.083,182.141,99.083,277.766,98.721,326.05C98.359,374.333,97.636,375.276,96.802,376.11C95.969,376.943,95.026,377.667,93.138,378.029C91.25,378.391,88.417,378.391,87,378.391L85.583,378.391"></path></g><g class="edgeLabels"><g transform="translate(295.9236145019531, 38.01041793823242)" class="edgeLabel"><g transform="translate(-37.5694465637207, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="75.1388931274414"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g><g transform="translate(295.9236145019531, 123.03125381469727)" class="edgeLabel"><g transform="translate(-53.85416793823242, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="107.70833587646484"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>User attributes</p></span></div></foreignObject></g></g><g transform="translate(295.9236145019531, 165.5416717529297)" class="edgeLabel"><g transform="translate(-42.21354293823242, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="84.42708587646484"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Master data</p></span></div></foreignObject></g></g><g transform="translate(295.9236145019531, 208.0520896911621)" class="edgeLabel"><g transform="translate(-52.38715362548828, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="104.77430725097656"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Exchange Rate</p></span></div></foreignObject></g></g><g transform="translate(295.9236145019531, 250.56250762939453)" class="edgeLabel"><g transform="translate(-49.71354293823242, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="99.42708587646484"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(295.9236145019531, 293.07292556762695)" class="edgeLabel"><g transform="translate(-56.84027862548828, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="113.68055725097656"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Vendor Partners</p></span></div></foreignObject></g></g><g transform="translate(295.9236145019531, 335.5833435058594)" class="edgeLabel"><g transform="translate(-52.29166793823242, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="104.58333587646484"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Work Situation</p></span></div></foreignObject></g></g><g transform="translate(295.9236145019531, 378.0937614440918)" class="edgeLabel"><g transform="translate(-33.9756965637207, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="67.9513931274414"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Customer</p></span></div></foreignObject></g></g><g transform="translate(295.9236145019531, 420.6041793823242)" class="edgeLabel"><g transform="translate(-49.71354293823242, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="99.42708587646484"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(295.9236145019531, 80.52083587646484)" class="edgeLabel"><g transform="translate(-37.5694465637207, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="75.1388931274414"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g></g><text class="flowchartTitleText" y="-25" x="269.4132080078125" text-anchor="middle">Interfaces for B</text></svg>
\ No newline at end of file
+<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="4 -50 530.828125 491" height="491" class="flowchart" xmlns="http://www.w3.org/2000/svg" width="530.828125" id="mermaid-graph-9"><style>#mermaid-graph-9{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-graph-9 .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-graph-9 .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-graph-9 .error-icon{fill:#552222;}#mermaid-graph-9 .error-text{fill:#552222;stroke:#552222;}#mermaid-graph-9 .edge-thickness-normal{stroke-width:1px;}#mermaid-graph-9 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-graph-9 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-graph-9 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-graph-9 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-graph-9 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-graph-9 .marker{fill:#333333;stroke:#333333;}#mermaid-graph-9 .marker.cross{stroke:#333333;}#mermaid-graph-9 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-graph-9 p{margin:0;}#mermaid-graph-9 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-graph-9 .cluster-label text{fill:#333;}#mermaid-graph-9 .cluster-label span{color:#333;}#mermaid-graph-9 .cluster-label span p{background-color:transparent;}#mermaid-graph-9 .label text,#mermaid-graph-9 span{fill:#333;color:#333;}#mermaid-graph-9 .node rect,#mermaid-graph-9 .node circle,#mermaid-graph-9 .node ellipse,#mermaid-graph-9 .node polygon,#mermaid-graph-9 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-graph-9 .rough-node .label text,#mermaid-graph-9 .node .label text,#mermaid-graph-9 .image-shape .label,#mermaid-graph-9 .icon-shape .label{text-anchor:middle;}#mermaid-graph-9 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-graph-9 .rough-node .label,#mermaid-graph-9 .node .label,#mermaid-graph-9 .image-shape .label,#mermaid-graph-9 .icon-shape .label{text-align:center;}#mermaid-graph-9 .node.clickable{cursor:pointer;}#mermaid-graph-9 .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-graph-9 .arrowheadPath{fill:#333333;}#mermaid-graph-9 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-graph-9 .flowchart-link{stroke:#333333;fill:none;}#mermaid-graph-9 .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-graph-9 .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-graph-9 .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-graph-9 .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-graph-9 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-graph-9 .cluster text{fill:#333;}#mermaid-graph-9 .cluster span{color:#333;}#mermaid-graph-9 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-graph-9 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-graph-9 rect.text{fill:none;stroke-width:0;}#mermaid-graph-9 .icon-shape,#mermaid-graph-9 .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-graph-9 .icon-shape p,#mermaid-graph-9 .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-graph-9 .icon-shape rect,#mermaid-graph-9 .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-graph-9 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-9_flowchart-v2-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-9_flowchart-v2-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-9_flowchart-v2-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-9_flowchart-v2-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-9_flowchart-v2-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-9_flowchart-v2-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker></g><g class="subgraphs"></g><g class="nodes"><g transform="translate(46.859375, 39)" id="flowchart-A-0" class="node default"><rect height="54" width="69.4375" y="-27" x="-34.71875" style="" class="basic label-container"></rect><g transform="translate(-4.71875, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.4375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>A</p></span></div></foreignObject></g></g><g transform="translate(492.296875, 249.04545454545453)" id="flowchart-B-1" class="node default"><rect height="54" width="69.0625" y="-27" x="-34.53125" style="" class="basic label-container"></rect><g transform="translate(-4.53125, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.0625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>B</p></span></div></foreignObject></g></g><g transform="translate(46.7890625, 399.9)" id="flowchart-C-2" class="node default"><rect height="54" width="69.578125" y="-27" x="-34.7890625" style="" class="basic label-container"></rect><g transform="translate(-4.7890625, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>C</p></span></div></foreignObject></g></g></g><g class="edges edgePaths"><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_B_0_0" d="M81.578,39L140.526,39C199.474,39,317.37,39,376.789,39.362C436.208,39.724,437.151,40.448,437.985,41.281C438.818,42.114,439.542,43.057,439.904,73.188C440.266,103.318,440.266,162.636,440.628,192.767C440.989,222.897,441.713,223.84,442.547,224.673C443.38,225.507,444.323,226.231,446.211,226.593C448.099,226.955,450.932,226.955,452.349,226.955L453.766,226.955"></path><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_0_0" d="M81.578,383.7L86.578,383.7C91.578,383.7,101.578,383.7,107.05,383.338C112.521,382.976,113.464,382.252,114.297,381.419C115.13,380.586,115.854,379.643,116.216,337.555C116.578,295.467,116.578,212.233,116.94,170.145C117.302,128.057,118.026,127.114,118.859,126.281C119.693,125.448,120.635,124.724,167.555,124.362C214.474,124,307.37,124,354.289,124.362C401.208,124.724,402.151,125.448,402.985,126.281C403.818,127.114,404.542,128.057,404.904,145.657C405.266,163.258,405.266,197.515,405.628,215.115C405.989,232.716,406.713,233.658,407.547,234.492C408.38,235.325,409.323,236.049,417.044,236.411C424.766,236.773,439.266,236.773,446.516,236.773L453.766,236.773"></path><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_2_0" d="M81.578,389.1L89.495,389.1C97.411,389.1,113.245,389.1,121.633,388.738C130.021,388.376,130.964,387.652,131.797,386.819C132.63,385.986,133.354,385.043,133.716,349.138C134.078,313.233,134.078,242.367,134.44,206.462C134.802,170.557,135.526,169.614,136.359,168.781C137.193,167.948,138.135,167.224,179.221,166.862C220.307,166.5,301.536,166.5,342.622,166.862C383.708,167.224,384.651,167.948,385.485,168.781C386.318,169.614,387.042,170.557,387.404,181.892C387.766,193.227,387.766,214.955,388.128,226.29C388.489,237.625,389.213,238.567,390.047,239.401C390.88,240.234,391.823,240.958,402.461,241.32C413.099,241.682,433.432,241.682,443.599,241.682L453.766,241.682"></path><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_3_0" d="M81.578,394.5L92.411,394.5C103.245,394.5,124.911,394.5,136.216,394.138C147.521,393.776,148.464,393.052,149.297,392.219C150.13,391.386,150.854,390.443,151.216,360.721C151.578,331,151.578,272.5,151.94,242.779C152.302,213.057,153.026,212.114,153.859,211.281C154.693,210.448,155.635,209.724,190.888,209.362C226.141,209,295.703,209,330.956,209.362C366.208,209.724,367.151,210.448,367.985,211.281C368.818,212.114,369.542,213.057,369.904,218.127C370.266,223.197,370.266,232.394,370.628,237.464C370.989,242.534,371.713,243.477,372.547,244.31C373.38,245.143,374.323,245.867,387.878,246.229C401.432,246.591,427.599,246.591,440.682,246.591L453.766,246.591"></path><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_4_0" d="M81.578,399.9L95.328,399.9C109.078,399.9,136.578,399.9,150.8,399.538C165.021,399.176,165.964,398.452,166.797,397.619C167.63,396.786,168.354,395.843,168.716,372.305C169.078,348.767,169.078,302.633,169.44,279.095C169.802,255.557,170.526,254.614,171.359,253.781C172.193,252.948,173.135,252.224,220.221,251.862C267.307,251.5,360.536,251.5,407.151,251.5L453.766,251.5"></path><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_5_0" d="M81.578,405.3L98.245,405.3C114.911,405.3,148.245,405.3,165.383,404.938C182.521,404.576,183.464,403.852,184.297,403.019C185.13,402.186,185.854,401.243,186.216,383.888C186.578,366.533,186.578,332.767,186.94,315.412C187.302,298.057,188.026,297.114,188.859,296.281C189.693,295.448,190.635,294.724,220.055,294.362C249.474,294,307.37,294,336.789,293.638C366.208,293.276,367.151,292.552,367.985,291.719C368.818,290.886,369.542,289.943,369.904,284.873C370.266,279.803,370.266,270.606,370.628,265.536C370.989,260.466,371.713,259.523,372.547,258.69C373.38,257.857,374.323,257.133,387.878,256.771C401.432,256.409,427.599,256.409,440.682,256.409L453.766,256.409"></path><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_6_0" d="M81.578,410.7L101.161,410.7C120.745,410.7,159.911,410.7,179.966,410.338C200.021,409.976,200.964,409.252,201.797,408.419C202.63,407.586,203.354,406.643,203.716,395.471C204.078,384.3,204.078,362.9,204.44,351.729C204.802,340.557,205.526,339.614,206.359,338.781C207.193,337.948,208.135,337.224,237.555,336.862C266.974,336.5,324.87,336.5,354.289,336.138C383.708,335.776,384.651,335.052,385.485,334.219C386.318,333.386,387.042,332.443,387.404,321.108C387.766,309.773,387.766,288.045,388.128,276.71C388.489,265.375,389.213,264.433,390.047,263.599C390.88,262.766,391.823,262.042,402.461,261.68C413.099,261.318,433.432,261.318,443.599,261.318L453.766,261.318"></path><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_7_0" d="M81.578,416.1L104.078,416.1C126.578,416.1,171.578,416.1,194.55,415.738C217.521,415.376,218.464,414.652,219.297,413.819C220.13,412.986,220.854,412.043,221.216,407.055C221.578,402.067,221.578,393.033,221.94,388.045C222.302,383.057,223.026,382.114,223.859,381.281C224.693,380.448,225.635,379.724,255.055,379.362C284.474,379,342.37,379,371.789,378.638C401.208,378.276,402.151,377.552,402.985,376.719C403.818,375.886,404.542,374.943,404.904,357.343C405.266,339.742,405.266,305.485,405.628,287.885C405.989,270.284,406.713,269.342,407.547,268.508C408.38,267.675,409.323,266.951,417.044,266.589C424.766,266.227,439.266,266.227,446.516,266.227L453.766,266.227"></path><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_8_0" d="M81.578,421.5L137.609,421.5C193.641,421.5,305.703,421.5,362.206,421.138C418.708,420.776,419.651,420.052,420.485,419.219C421.318,418.386,422.042,417.443,422.404,393.577C422.766,369.712,422.766,322.924,423.128,299.059C423.489,275.194,424.213,274.251,425.047,273.417C425.88,272.584,426.823,271.86,431.628,271.498C436.432,271.136,445.099,271.136,449.432,271.136L453.766,271.136"></path><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_C_0_0" d="M457.766,231.864L452.766,231.864C447.766,231.864,437.766,231.864,432.294,231.502C426.823,231.14,425.88,230.416,425.047,229.583C424.213,228.749,423.489,227.806,423.128,203.941C422.766,180.076,422.766,133.288,422.404,109.423C422.042,85.557,421.318,84.614,420.485,83.781C419.651,82.948,418.708,82.224,365.956,81.862C313.203,81.5,208.641,81.5,155.888,81.862C103.135,82.224,102.193,82.948,101.359,83.781C100.526,84.614,99.802,85.557,99.44,133.829C99.078,182.1,99.078,277.7,98.716,325.971C98.354,374.243,97.63,375.186,96.797,376.019C95.964,376.852,95.021,377.576,93.133,377.938C91.245,378.3,88.411,378.3,86.995,378.3L85.578,378.3"></path></g><g class="edgeLabels"><g transform="translate(295.921875, 38.5)" class="edgeLabel"><g transform="translate(-37.5703125, -12)" class="label"><foreignObject height="24" width="75.140625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 123.5)" class="edgeLabel"><g transform="translate(-53.8515625, -12)" class="label"><foreignObject height="24" width="107.703125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>User attributes</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 165.99999999999997)" class="edgeLabel"><g transform="translate(-42.2109375, -12)" class="label"><foreignObject height="24" width="84.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Master data</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 208.49999999999997)" class="edgeLabel"><g transform="translate(-52.3828125, -12)" class="label"><foreignObject height="24" width="104.765625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Exchange Rate</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 250.99999999999997)" class="edgeLabel"><g transform="translate(-49.7109375, -12)" class="label"><foreignObject height="24" width="99.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 293.5)" class="edgeLabel"><g transform="translate(-56.84375, -12)" class="label"><foreignObject height="24" width="113.6875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Vendor Partners</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 336)" class="edgeLabel"><g transform="translate(-52.2890625, -12)" class="label"><foreignObject height="24" width="104.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Work Situation</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 378.5)" class="edgeLabel"><g transform="translate(-33.9765625, -12)" class="label"><foreignObject height="24" width="67.953125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Customer</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 421)" class="edgeLabel"><g transform="translate(-49.7109375, -12)" class="label"><foreignObject height="24" width="99.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 81)" class="edgeLabel"><g transform="translate(-37.5703125, -12)" class="label"><foreignObject height="24" width="75.140625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g></g><text class="flowchartTitleText" y="-25" x="269.4140625" text-anchor="middle">Interfaces for B</text></svg>
\ No newline at end of file
diff --git a/docs/User Guide/User Guide/Note Types/Mermaid Diagrams_ELK off.svg b/docs/User Guide/User Guide/Note Types/Mermaid Diagrams_ELK off.svg
new file mode 100644
index 000000000..a6a8a0125
--- /dev/null
+++ b/docs/User Guide/User Guide/Note Types/Mermaid Diagrams_ELK off.svg	
@@ -0,0 +1 @@
+<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="0 -50 512.90625 442" height="442" class="flowchart" xmlns="http://www.w3.org/2000/svg" width="512.90625" id="mermaid-graph-13"><style>#mermaid-graph-13{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-graph-13 .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-graph-13 .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-graph-13 .error-icon{fill:#552222;}#mermaid-graph-13 .error-text{fill:#552222;stroke:#552222;}#mermaid-graph-13 .edge-thickness-normal{stroke-width:1px;}#mermaid-graph-13 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-graph-13 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-graph-13 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-graph-13 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-graph-13 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-graph-13 .marker{fill:#333333;stroke:#333333;}#mermaid-graph-13 .marker.cross{stroke:#333333;}#mermaid-graph-13 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-graph-13 p{margin:0;}#mermaid-graph-13 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-graph-13 .cluster-label text{fill:#333;}#mermaid-graph-13 .cluster-label span{color:#333;}#mermaid-graph-13 .cluster-label span p{background-color:transparent;}#mermaid-graph-13 .label text,#mermaid-graph-13 span{fill:#333;color:#333;}#mermaid-graph-13 .node rect,#mermaid-graph-13 .node circle,#mermaid-graph-13 .node ellipse,#mermaid-graph-13 .node polygon,#mermaid-graph-13 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-graph-13 .rough-node .label text,#mermaid-graph-13 .node .label text,#mermaid-graph-13 .image-shape .label,#mermaid-graph-13 .icon-shape .label{text-anchor:middle;}#mermaid-graph-13 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-graph-13 .rough-node .label,#mermaid-graph-13 .node .label,#mermaid-graph-13 .image-shape .label,#mermaid-graph-13 .icon-shape .label{text-align:center;}#mermaid-graph-13 .node.clickable{cursor:pointer;}#mermaid-graph-13 .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-graph-13 .arrowheadPath{fill:#333333;}#mermaid-graph-13 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-graph-13 .flowchart-link{stroke:#333333;fill:none;}#mermaid-graph-13 .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-graph-13 .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-graph-13 .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-graph-13 .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-graph-13 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-graph-13 .cluster text{fill:#333;}#mermaid-graph-13 .cluster span{color:#333;}#mermaid-graph-13 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-graph-13 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-graph-13 rect.text{fill:none;stroke-width:0;}#mermaid-graph-13 .icon-shape,#mermaid-graph-13 .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-graph-13 .icon-shape p,#mermaid-graph-13 .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-graph-13 .icon-shape rect,#mermaid-graph-13 .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-graph-13 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-13_flowchart-v2-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-13_flowchart-v2-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-13_flowchart-v2-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-13_flowchart-v2-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-13_flowchart-v2-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-13_flowchart-v2-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><g class="root"><g class="clusters"></g><g class="edgePaths"><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_B_0" d="M77.438,196L87.866,196C98.294,196,119.151,196,139.341,196C159.531,196,179.055,196,188.816,196L198.578,196"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_0" d="M446.26,169L430.798,151.5C415.335,134,384.41,99,353.959,98.5C323.509,98,293.534,132,278.546,149L263.559,166"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_2" d="M435.328,169.751L421.688,159.46C408.047,149.168,380.766,128.584,354.016,128.205C327.267,127.825,301.049,147.65,287.94,157.563L274.831,167.476"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_3" d="M435.328,182.876L421.688,177.73C408.047,172.584,380.766,162.292,354.108,162.068C327.45,161.843,301.416,171.686,288.399,176.608L275.382,181.53"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_4" d="M435.328,196L421.688,196C408.047,196,380.766,196,354.151,196C327.536,196,301.589,196,288.615,196L275.641,196"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_5" d="M435.328,209.124L421.688,214.27C408.047,219.416,380.766,229.708,354.108,229.932C327.45,230.157,301.416,220.314,288.399,215.392L275.382,210.47"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_6" d="M435.328,222.249L421.688,232.54C408.047,242.832,380.766,263.416,354.016,263.795C327.267,264.175,301.049,244.35,287.94,234.437L274.831,224.524"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_7" d="M446.26,223L430.798,240.5C415.335,258,384.41,293,353.959,293.5C323.509,294,293.534,260,278.546,243L263.559,226"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_8" d="M452.225,223L435.768,247.833C419.311,272.667,386.398,322.333,353.888,322.889C321.379,323.446,289.274,274.891,273.221,250.614L257.169,226.337"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_C_0" d="M254.962,169L271.383,144.167C287.803,119.333,320.644,69.667,353.152,69.111C385.661,68.555,417.838,117.11,433.927,141.388L450.015,165.666"></path></g><g class="edgeLabels"><g transform="translate(140.0078125, 196)" class="edgeLabel"><g transform="translate(-37.5703125, -12)" class="label"><foreignObject height="24" width="75.140625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 64)" class="edgeLabel"><g transform="translate(-53.8515625, -12)" class="label"><foreignObject height="24" width="107.703125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>User attributes</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 108)" class="edgeLabel"><g transform="translate(-42.2109375, -12)" class="label"><foreignObject height="24" width="84.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Master data</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 152)" class="edgeLabel"><g transform="translate(-52.3828125, -12)" class="label"><foreignObject height="24" width="104.765625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Exchange Rate</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 196)" class="edgeLabel"><g transform="translate(-49.7109375, -12)" class="label"><foreignObject height="24" width="99.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 240)" class="edgeLabel"><g transform="translate(-56.84375, -12)" class="label"><foreignObject height="24" width="113.6875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Vendor Partners</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 284)" class="edgeLabel"><g transform="translate(-52.2890625, -12)" class="label"><foreignObject height="24" width="104.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Work Situation</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 328)" class="edgeLabel"><g transform="translate(-33.9765625, -12)" class="label"><foreignObject height="24" width="67.953125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Customer</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 372)" class="edgeLabel"><g transform="translate(-49.7109375, -12)" class="label"><foreignObject height="24" width="99.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 20)" class="edgeLabel"><g transform="translate(-37.5703125, -12)" class="label"><foreignObject height="24" width="75.140625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(42.71875, 196)" id="flowchart-A-0" class="node default"><rect height="54" width="69.4375" y="-27" x="-34.71875" style="" class="basic label-container"></rect><g transform="translate(-4.71875, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.4375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>A</p></span></div></foreignObject></g></g><g transform="translate(237.109375, 196)" id="flowchart-B-1" class="node default"><rect height="54" width="69.0625" y="-27" x="-34.53125" style="" class="basic label-container"></rect><g transform="translate(-4.53125, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.0625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>B</p></span></div></foreignObject></g></g><g transform="translate(470.1171875, 196)" id="flowchart-C-2" class="node default"><rect height="54" width="69.578125" y="-27" x="-34.7890625" style="" class="basic label-container"></rect><g transform="translate(-4.7890625, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>C</p></span></div></foreignObject></g></g></g></g></g><text class="flowchartTitleText" y="-25" x="256.453125" text-anchor="middle">Interfaces for B</text></svg>
\ No newline at end of file
diff --git a/docs/User Guide/User Guide/Note Types/Mermaid Diagrams_ELK on.svg b/docs/User Guide/User Guide/Note Types/Mermaid Diagrams_ELK on.svg
new file mode 100644
index 000000000..1a400331d
--- /dev/null
+++ b/docs/User Guide/User Guide/Note Types/Mermaid Diagrams_ELK on.svg	
@@ -0,0 +1 @@
+<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="4 -50 530.828125 491" height="491" class="flowchart" xmlns="http://www.w3.org/2000/svg" width="530.828125" id="mermaid-graph-12"><style>#mermaid-graph-12{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-graph-12 .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-graph-12 .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-graph-12 .error-icon{fill:#552222;}#mermaid-graph-12 .error-text{fill:#552222;stroke:#552222;}#mermaid-graph-12 .edge-thickness-normal{stroke-width:1px;}#mermaid-graph-12 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-graph-12 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-graph-12 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-graph-12 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-graph-12 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-graph-12 .marker{fill:#333333;stroke:#333333;}#mermaid-graph-12 .marker.cross{stroke:#333333;}#mermaid-graph-12 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-graph-12 p{margin:0;}#mermaid-graph-12 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-graph-12 .cluster-label text{fill:#333;}#mermaid-graph-12 .cluster-label span{color:#333;}#mermaid-graph-12 .cluster-label span p{background-color:transparent;}#mermaid-graph-12 .label text,#mermaid-graph-12 span{fill:#333;color:#333;}#mermaid-graph-12 .node rect,#mermaid-graph-12 .node circle,#mermaid-graph-12 .node ellipse,#mermaid-graph-12 .node polygon,#mermaid-graph-12 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-graph-12 .rough-node .label text,#mermaid-graph-12 .node .label text,#mermaid-graph-12 .image-shape .label,#mermaid-graph-12 .icon-shape .label{text-anchor:middle;}#mermaid-graph-12 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-graph-12 .rough-node .label,#mermaid-graph-12 .node .label,#mermaid-graph-12 .image-shape .label,#mermaid-graph-12 .icon-shape .label{text-align:center;}#mermaid-graph-12 .node.clickable{cursor:pointer;}#mermaid-graph-12 .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-graph-12 .arrowheadPath{fill:#333333;}#mermaid-graph-12 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-graph-12 .flowchart-link{stroke:#333333;fill:none;}#mermaid-graph-12 .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-graph-12 .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-graph-12 .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-graph-12 .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-graph-12 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-graph-12 .cluster text{fill:#333;}#mermaid-graph-12 .cluster span{color:#333;}#mermaid-graph-12 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-graph-12 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-graph-12 rect.text{fill:none;stroke-width:0;}#mermaid-graph-12 .icon-shape,#mermaid-graph-12 .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-graph-12 .icon-shape p,#mermaid-graph-12 .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-graph-12 .icon-shape rect,#mermaid-graph-12 .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-graph-12 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-12_flowchart-v2-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-12_flowchart-v2-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-12_flowchart-v2-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-12_flowchart-v2-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-12_flowchart-v2-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-12_flowchart-v2-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker></g><g class="subgraphs"></g><g class="nodes"><g transform="translate(46.859375, 39)" id="flowchart-A-0" class="node default"><rect height="54" width="69.4375" y="-27" x="-34.71875" style="" class="basic label-container"></rect><g transform="translate(-4.71875, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.4375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>A</p></span></div></foreignObject></g></g><g transform="translate(492.296875, 249.04545454545453)" id="flowchart-B-1" class="node default"><rect height="54" width="69.0625" y="-27" x="-34.53125" style="" class="basic label-container"></rect><g transform="translate(-4.53125, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.0625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>B</p></span></div></foreignObject></g></g><g transform="translate(46.7890625, 399.9)" id="flowchart-C-2" class="node default"><rect height="54" width="69.578125" y="-27" x="-34.7890625" style="" class="basic label-container"></rect><g transform="translate(-4.7890625, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>C</p></span></div></foreignObject></g></g></g><g class="edges edgePaths"><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_B_0_0" d="M81.578,39L140.526,39C199.474,39,317.37,39,376.789,39.362C436.208,39.724,437.151,40.448,437.985,41.281C438.818,42.114,439.542,43.057,439.904,73.188C440.266,103.318,440.266,162.636,440.628,192.767C440.989,222.897,441.713,223.84,442.547,224.673C443.38,225.507,444.323,226.231,446.211,226.593C448.099,226.955,450.932,226.955,452.349,226.955L453.766,226.955"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_0_0" d="M81.578,383.7L86.578,383.7C91.578,383.7,101.578,383.7,107.05,383.338C112.521,382.976,113.464,382.252,114.297,381.419C115.13,380.586,115.854,379.643,116.216,337.555C116.578,295.467,116.578,212.233,116.94,170.145C117.302,128.057,118.026,127.114,118.859,126.281C119.693,125.448,120.635,124.724,167.555,124.362C214.474,124,307.37,124,354.289,124.362C401.208,124.724,402.151,125.448,402.985,126.281C403.818,127.114,404.542,128.057,404.904,145.657C405.266,163.258,405.266,197.515,405.628,215.115C405.989,232.716,406.713,233.658,407.547,234.492C408.38,235.325,409.323,236.049,417.044,236.411C424.766,236.773,439.266,236.773,446.516,236.773L453.766,236.773"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_2_0" d="M81.578,389.1L89.495,389.1C97.411,389.1,113.245,389.1,121.633,388.738C130.021,388.376,130.964,387.652,131.797,386.819C132.63,385.986,133.354,385.043,133.716,349.138C134.078,313.233,134.078,242.367,134.44,206.462C134.802,170.557,135.526,169.614,136.359,168.781C137.193,167.948,138.135,167.224,179.221,166.862C220.307,166.5,301.536,166.5,342.622,166.862C383.708,167.224,384.651,167.948,385.485,168.781C386.318,169.614,387.042,170.557,387.404,181.892C387.766,193.227,387.766,214.955,388.128,226.29C388.489,237.625,389.213,238.567,390.047,239.401C390.88,240.234,391.823,240.958,402.461,241.32C413.099,241.682,433.432,241.682,443.599,241.682L453.766,241.682"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_3_0" d="M81.578,394.5L92.411,394.5C103.245,394.5,124.911,394.5,136.216,394.138C147.521,393.776,148.464,393.052,149.297,392.219C150.13,391.386,150.854,390.443,151.216,360.721C151.578,331,151.578,272.5,151.94,242.779C152.302,213.057,153.026,212.114,153.859,211.281C154.693,210.448,155.635,209.724,190.888,209.362C226.141,209,295.703,209,330.956,209.362C366.208,209.724,367.151,210.448,367.985,211.281C368.818,212.114,369.542,213.057,369.904,218.127C370.266,223.197,370.266,232.394,370.628,237.464C370.989,242.534,371.713,243.477,372.547,244.31C373.38,245.143,374.323,245.867,387.878,246.229C401.432,246.591,427.599,246.591,440.682,246.591L453.766,246.591"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_4_0" d="M81.578,399.9L95.328,399.9C109.078,399.9,136.578,399.9,150.8,399.538C165.021,399.176,165.964,398.452,166.797,397.619C167.63,396.786,168.354,395.843,168.716,372.305C169.078,348.767,169.078,302.633,169.44,279.095C169.802,255.557,170.526,254.614,171.359,253.781C172.193,252.948,173.135,252.224,220.221,251.862C267.307,251.5,360.536,251.5,407.151,251.5L453.766,251.5"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_5_0" d="M81.578,405.3L98.245,405.3C114.911,405.3,148.245,405.3,165.383,404.938C182.521,404.576,183.464,403.852,184.297,403.019C185.13,402.186,185.854,401.243,186.216,383.888C186.578,366.533,186.578,332.767,186.94,315.412C187.302,298.057,188.026,297.114,188.859,296.281C189.693,295.448,190.635,294.724,220.055,294.362C249.474,294,307.37,294,336.789,293.638C366.208,293.276,367.151,292.552,367.985,291.719C368.818,290.886,369.542,289.943,369.904,284.873C370.266,279.803,370.266,270.606,370.628,265.536C370.989,260.466,371.713,259.523,372.547,258.69C373.38,257.857,374.323,257.133,387.878,256.771C401.432,256.409,427.599,256.409,440.682,256.409L453.766,256.409"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_6_0" d="M81.578,410.7L101.161,410.7C120.745,410.7,159.911,410.7,179.966,410.338C200.021,409.976,200.964,409.252,201.797,408.419C202.63,407.586,203.354,406.643,203.716,395.471C204.078,384.3,204.078,362.9,204.44,351.729C204.802,340.557,205.526,339.614,206.359,338.781C207.193,337.948,208.135,337.224,237.555,336.862C266.974,336.5,324.87,336.5,354.289,336.138C383.708,335.776,384.651,335.052,385.485,334.219C386.318,333.386,387.042,332.443,387.404,321.108C387.766,309.773,387.766,288.045,388.128,276.71C388.489,265.375,389.213,264.433,390.047,263.599C390.88,262.766,391.823,262.042,402.461,261.68C413.099,261.318,433.432,261.318,443.599,261.318L453.766,261.318"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_7_0" d="M81.578,416.1L104.078,416.1C126.578,416.1,171.578,416.1,194.55,415.738C217.521,415.376,218.464,414.652,219.297,413.819C220.13,412.986,220.854,412.043,221.216,407.055C221.578,402.067,221.578,393.033,221.94,388.045C222.302,383.057,223.026,382.114,223.859,381.281C224.693,380.448,225.635,379.724,255.055,379.362C284.474,379,342.37,379,371.789,378.638C401.208,378.276,402.151,377.552,402.985,376.719C403.818,375.886,404.542,374.943,404.904,357.343C405.266,339.742,405.266,305.485,405.628,287.885C405.989,270.284,406.713,269.342,407.547,268.508C408.38,267.675,409.323,266.951,417.044,266.589C424.766,266.227,439.266,266.227,446.516,266.227L453.766,266.227"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_8_0" d="M81.578,421.5L137.609,421.5C193.641,421.5,305.703,421.5,362.206,421.138C418.708,420.776,419.651,420.052,420.485,419.219C421.318,418.386,422.042,417.443,422.404,393.577C422.766,369.712,422.766,322.924,423.128,299.059C423.489,275.194,424.213,274.251,425.047,273.417C425.88,272.584,426.823,271.86,431.628,271.498C436.432,271.136,445.099,271.136,449.432,271.136L453.766,271.136"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_C_0_0" d="M457.766,231.864L452.766,231.864C447.766,231.864,437.766,231.864,432.294,231.502C426.823,231.14,425.88,230.416,425.047,229.583C424.213,228.749,423.489,227.806,423.128,203.941C422.766,180.076,422.766,133.288,422.404,109.423C422.042,85.557,421.318,84.614,420.485,83.781C419.651,82.948,418.708,82.224,365.956,81.862C313.203,81.5,208.641,81.5,155.888,81.862C103.135,82.224,102.193,82.948,101.359,83.781C100.526,84.614,99.802,85.557,99.44,133.829C99.078,182.1,99.078,277.7,98.716,325.971C98.354,374.243,97.63,375.186,96.797,376.019C95.964,376.852,95.021,377.576,93.133,377.938C91.245,378.3,88.411,378.3,86.995,378.3L85.578,378.3"></path></g><g class="edgeLabels"><g transform="translate(295.921875, 38.5)" class="edgeLabel"><g transform="translate(-37.5703125, -12)" class="label"><foreignObject height="24" width="75.140625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 123.5)" class="edgeLabel"><g transform="translate(-53.8515625, -12)" class="label"><foreignObject height="24" width="107.703125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>User attributes</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 165.99999999999997)" class="edgeLabel"><g transform="translate(-42.2109375, -12)" class="label"><foreignObject height="24" width="84.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Master data</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 208.49999999999997)" class="edgeLabel"><g transform="translate(-52.3828125, -12)" class="label"><foreignObject height="24" width="104.765625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Exchange Rate</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 250.99999999999997)" class="edgeLabel"><g transform="translate(-49.7109375, -12)" class="label"><foreignObject height="24" width="99.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 293.5)" class="edgeLabel"><g transform="translate(-56.84375, -12)" class="label"><foreignObject height="24" width="113.6875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Vendor Partners</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 336)" class="edgeLabel"><g transform="translate(-52.2890625, -12)" class="label"><foreignObject height="24" width="104.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Work Situation</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 378.5)" class="edgeLabel"><g transform="translate(-33.9765625, -12)" class="label"><foreignObject height="24" width="67.953125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Customer</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 421)" class="edgeLabel"><g transform="translate(-49.7109375, -12)" class="label"><foreignObject height="24" width="99.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 81)" class="edgeLabel"><g transform="translate(-37.5703125, -12)" class="label"><foreignObject height="24" width="75.140625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g></g><text class="flowchartTitleText" y="-25" x="269.4140625" text-anchor="middle">Interfaces for B</text></svg>
\ No newline at end of file
diff --git a/src/public/app/doc_notes/en/User Guide/!!!meta.json b/src/public/app/doc_notes/en/User Guide/!!!meta.json
index 46d2030eb..b2b5f8c60 100644
--- a/src/public/app/doc_notes/en/User Guide/!!!meta.json	
+++ b/src/public/app/doc_notes/en/User Guide/!!!meta.json	
@@ -4771,20 +4771,6 @@
                             "type": "text",
                             "mime": "text/html",
                             "attributes": [
-                                {
-                                    "type": "relation",
-                                    "name": "imageLink",
-                                    "value": "r44dpvA1xFu8",
-                                    "isInheritable": false,
-                                    "position": 10
-                                },
-                                {
-                                    "type": "relation",
-                                    "name": "imageLink",
-                                    "value": "opAFABmyb3CU",
-                                    "isInheritable": false,
-                                    "position": 20
-                                },
                                 {
                                     "type": "label",
                                     "name": "shareAlias",
@@ -4802,7 +4788,24 @@
                             ],
                             "format": "html",
                             "dataFileName": "Mermaid Diagrams.html",
-                            "attachments": [],
+                            "attachments": [
+                                {
+                                    "attachmentId": "0giz1mqLMRDs",
+                                    "title": "ELK off.svg",
+                                    "role": "image",
+                                    "mime": "image/svg+xml",
+                                    "position": 10,
+                                    "dataFileName": "Mermaid Diagrams_ELK off.svg"
+                                },
+                                {
+                                    "attachmentId": "IKxo3tblVDHq",
+                                    "title": "ELK on.svg",
+                                    "role": "image",
+                                    "mime": "image/svg+xml",
+                                    "position": 10,
+                                    "dataFileName": "Mermaid Diagrams_ELK on.svg"
+                                }
+                            ],
                             "dirFileName": "Mermaid Diagrams",
                             "children": [
                                 {
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Mermaid Diagrams.html b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Mermaid Diagrams.html
index 402d570cb..1edb6e8b2 100644
--- a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Mermaid Diagrams.html	
+++ b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Mermaid Diagrams.html	
@@ -27,24 +27,33 @@
 config:
   layout: elk
 ---</code></pre>
-        <table>
-          <thead>
-            <tr>
-              <th>With ELK off</th>
-              <th>With ELK on</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <td>
-                <img src="Mermaid%20Diagrams/ELK%20off.txt">
-              </td>
-              <td>
-                <img src="Mermaid%20Diagrams/ELK%20on.txt">
-              </td>
-            </tr>
-          </tbody>
-        </table>
+        <figure class="table">
+          <table>
+            <thead>
+              <tr>
+                <th>With ELK off</th>
+                <th>With ELK on</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td>
+                  <figure class="image">
+                    <img style="aspect-ratio:513/442;" src="Mermaid Diagrams_ELK off.svg"
+                    width="513" height="442">
+                  </figure>
+                  <p>&nbsp;</p>
+                </td>
+                <td>
+                  <figure class="image">
+                    <img style="aspect-ratio:531/491;" src="Mermaid Diagrams_ELK on.svg" width="531"
+                    height="491">
+                  </figure>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </figure>
       </div>
     </div>
   </body>
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Mermaid Diagrams/ELK off_mermaid-export.svg b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Mermaid Diagrams/ELK off_mermaid-export.svg
index 2934db9da..254078d88 100644
--- a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Mermaid Diagrams/ELK off_mermaid-export.svg	
+++ b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Mermaid Diagrams/ELK off_mermaid-export.svg	
@@ -1 +1 @@
-<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="0 -50 512.9166564941406 442" style="max-width: 512.9166564941406px;" class="flowchart" xmlns="http://www.w3.org/2000/svg" width="100%" id="mermaid-graph-2"><style>#mermaid-graph-2{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#ccc;}#mermaid-graph-2 .error-icon{fill:#a44141;}#mermaid-graph-2 .error-text{fill:#ddd;stroke:#ddd;}#mermaid-graph-2 .edge-thickness-normal{stroke-width:1px;}#mermaid-graph-2 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-graph-2 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-graph-2 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-graph-2 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-graph-2 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-graph-2 .marker{fill:lightgrey;stroke:lightgrey;}#mermaid-graph-2 .marker.cross{stroke:lightgrey;}#mermaid-graph-2 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-graph-2 p{margin:0;}#mermaid-graph-2 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#ccc;}#mermaid-graph-2 .cluster-label text{fill:#F9FFFE;}#mermaid-graph-2 .cluster-label span{color:#F9FFFE;}#mermaid-graph-2 .cluster-label span p{background-color:transparent;}#mermaid-graph-2 .label text,#mermaid-graph-2 span{fill:#ccc;color:#ccc;}#mermaid-graph-2 .node rect,#mermaid-graph-2 .node circle,#mermaid-graph-2 .node ellipse,#mermaid-graph-2 .node polygon,#mermaid-graph-2 .node path{fill:#1f2020;stroke:#ccc;stroke-width:1px;}#mermaid-graph-2 .rough-node .label text,#mermaid-graph-2 .node .label text,#mermaid-graph-2 .image-shape .label,#mermaid-graph-2 .icon-shape .label{text-anchor:middle;}#mermaid-graph-2 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-graph-2 .rough-node .label,#mermaid-graph-2 .node .label,#mermaid-graph-2 .image-shape .label,#mermaid-graph-2 .icon-shape .label{text-align:center;}#mermaid-graph-2 .node.clickable{cursor:pointer;}#mermaid-graph-2 .root .anchor path{fill:lightgrey!important;stroke-width:0;stroke:lightgrey;}#mermaid-graph-2 .arrowheadPath{fill:lightgrey;}#mermaid-graph-2 .edgePath .path{stroke:lightgrey;stroke-width:2.0px;}#mermaid-graph-2 .flowchart-link{stroke:lightgrey;fill:none;}#mermaid-graph-2 .edgeLabel{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#mermaid-graph-2 .edgeLabel p{background-color:hsl(0, 0%, 34.4117647059%);}#mermaid-graph-2 .edgeLabel rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#mermaid-graph-2 .labelBkg{background-color:rgba(87.75, 87.75, 87.75, 0.5);}#mermaid-graph-2 .cluster rect{fill:hsl(180, 1.5873015873%, 28.3529411765%);stroke:rgba(255, 255, 255, 0.25);stroke-width:1px;}#mermaid-graph-2 .cluster text{fill:#F9FFFE;}#mermaid-graph-2 .cluster span{color:#F9FFFE;}#mermaid-graph-2 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(20, 1.5873015873%, 12.3529411765%);border:1px solid rgba(255, 255, 255, 0.25);border-radius:2px;pointer-events:none;z-index:100;}#mermaid-graph-2 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#ccc;}#mermaid-graph-2 rect.text{fill:none;stroke-width:0;}#mermaid-graph-2 .icon-shape,#mermaid-graph-2 .image-shape{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#mermaid-graph-2 .icon-shape p,#mermaid-graph-2 .image-shape p{background-color:hsl(0, 0%, 34.4117647059%);padding:2px;}#mermaid-graph-2 .icon-shape rect,#mermaid-graph-2 .image-shape rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#mermaid-graph-2 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-2_flowchart-v2-pointEnd"><path style="stroke-width: 1px; stroke-dasharray: 1px, 0px;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-2_flowchart-v2-pointStart"><path style="stroke-width: 1px; stroke-dasharray: 1px, 0px;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-2_flowchart-v2-circleEnd"><circle style="stroke-width: 1px; stroke-dasharray: 1px, 0px;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-2_flowchart-v2-circleStart"><circle style="stroke-width: 1px; stroke-dasharray: 1px, 0px;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-2_flowchart-v2-crossEnd"><path style="stroke-width: 2px; stroke-dasharray: 1px, 0px;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-2_flowchart-v2-crossStart"><path style="stroke-width: 2px; stroke-dasharray: 1px, 0px;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><g class="root"><g class="clusters"></g><g class="edgePaths"><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_B_0" d="M77.433,196L87.863,196C98.292,196,119.15,196,139.342,196C159.533,196,179.058,196,188.821,196L198.583,196"></path><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_1" d="M446.275,169L430.811,151.5C415.347,134,384.419,99,353.967,98.5C323.514,98,293.537,132,278.548,149L263.559,166"></path><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_2" d="M435.35,169.758L421.707,159.465C408.064,149.172,380.778,128.586,354.023,128.207C327.269,127.827,301.047,147.655,287.935,157.569L274.824,167.482"></path><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_3" d="M435.35,182.879L421.707,177.732C408.064,172.586,380.778,162.293,354.115,162.069C327.453,161.844,301.414,171.689,288.394,176.611L275.375,181.533"></path><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_4" d="M435.35,196L421.707,196C408.064,196,380.778,196,354.158,196C327.539,196,301.586,196,288.61,196L275.633,196"></path><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_5" d="M435.35,209.121L421.707,214.268C408.064,219.414,380.778,229.707,354.115,229.931C327.453,230.156,301.414,220.311,288.394,215.389L275.375,210.467"></path><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_6" d="M435.35,222.242L421.707,232.535C408.064,242.828,380.778,263.414,354.023,263.793C327.269,264.173,301.047,244.345,287.935,234.431L274.824,224.518"></path><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_7" d="M446.275,223L430.811,240.5C415.347,258,384.419,293,353.967,293.5C323.514,294,293.537,260,278.548,243L263.559,226"></path><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_8" d="M452.239,223L435.781,247.833C419.324,272.667,386.408,322.333,353.896,322.889C321.384,323.445,289.276,274.891,273.223,250.614L257.169,226.336"></path><path marker-end="url(#mermaid-graph-2_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_C_9" d="M254.963,169L271.384,144.167C287.806,119.333,320.649,69.667,353.16,69.111C385.671,68.555,417.85,117.111,433.94,141.388L450.03,165.666"></path></g><g class="edgeLabels"><g transform="translate(140.00833129882812, 196)" class="edgeLabel"><g transform="translate(-37.57499694824219, -12)" class="label"><foreignObject height="24" width="75.14999389648438"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g><g transform="translate(353.49166107177734, 64)" class="edgeLabel"><g transform="translate(-53.875, -12)" class="label"><foreignObject height="24" width="107.75"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>User attributes</p></span></div></foreignObject></g></g><g transform="translate(353.49166107177734, 108)" class="edgeLabel"><g transform="translate(-42.208335876464844, -12)" class="label"><foreignObject height="24" width="84.41667175292969"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Master data</p></span></div></foreignObject></g></g><g transform="translate(353.49166107177734, 152)" class="edgeLabel"><g transform="translate(-52.39167022705078, -12)" class="label"><foreignObject height="24" width="104.78334045410156"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Exchange Rate</p></span></div></foreignObject></g></g><g transform="translate(353.49166107177734, 196)" class="edgeLabel"><g transform="translate(-49.73332977294922, -12)" class="label"><foreignObject height="24" width="99.46665954589844"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(353.49166107177734, 240)" class="edgeLabel"><g transform="translate(-56.85832977294922, -12)" class="label"><foreignObject height="24" width="113.71665954589844"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Vendor Partners</p></span></div></foreignObject></g></g><g transform="translate(353.49166107177734, 284)" class="edgeLabel"><g transform="translate(-52.30000305175781, -12)" class="label"><foreignObject height="24" width="104.60000610351562"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Work Situation</p></span></div></foreignObject></g></g><g transform="translate(353.49166107177734, 328)" class="edgeLabel"><g transform="translate(-33.98332977294922, -12)" class="label"><foreignObject height="24" width="67.96665954589844"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Customer</p></span></div></foreignObject></g></g><g transform="translate(353.49166107177734, 372)" class="edgeLabel"><g transform="translate(-49.73332977294922, -12)" class="label"><foreignObject height="24" width="99.46665954589844"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(353.49166107177734, 20)" class="edgeLabel"><g transform="translate(-37.57499694824219, -12)" class="label"><foreignObject height="24" width="75.14999389648438"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(42.71666717529297, 196)" id="flowchart-A-20" class="node default"><rect height="54" width="69.43333435058594" y="-27" x="-34.71666717529297" style="" class="basic label-container"></rect><g transform="translate(-4.716667175292969, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.433334350585938"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>A</p></span></div></foreignObject></g></g><g transform="translate(237.10832977294922, 196)" id="flowchart-B-21" class="node default"><rect height="54" width="69.05000305175781" y="-27" x="-34.525001525878906" style="" class="basic label-container"></rect><g transform="translate(-4.525001525878906, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.050003051757812"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>B</p></span></div></foreignObject></g></g><g transform="translate(470.1333236694336, 196)" id="flowchart-C-22" class="node default"><rect height="54" width="69.56666564941406" y="-27" x="-34.78333282470703" style="" class="basic label-container"></rect><g transform="translate(-4.783332824707031, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.566665649414062"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>C</p></span></div></foreignObject></g></g></g></g></g><text class="flowchartTitleText" y="-25" x="256.4583282470703" text-anchor="middle">Interfaces for B</text></svg>
\ No newline at end of file
+<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="0 -50 512.90625 442" height="442" class="flowchart" xmlns="http://www.w3.org/2000/svg" width="512.90625" id="mermaid-graph-5"><style>#mermaid-graph-5{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-graph-5 .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-graph-5 .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-graph-5 .error-icon{fill:#552222;}#mermaid-graph-5 .error-text{fill:#552222;stroke:#552222;}#mermaid-graph-5 .edge-thickness-normal{stroke-width:1px;}#mermaid-graph-5 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-graph-5 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-graph-5 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-graph-5 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-graph-5 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-graph-5 .marker{fill:#333333;stroke:#333333;}#mermaid-graph-5 .marker.cross{stroke:#333333;}#mermaid-graph-5 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-graph-5 p{margin:0;}#mermaid-graph-5 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-graph-5 .cluster-label text{fill:#333;}#mermaid-graph-5 .cluster-label span{color:#333;}#mermaid-graph-5 .cluster-label span p{background-color:transparent;}#mermaid-graph-5 .label text,#mermaid-graph-5 span{fill:#333;color:#333;}#mermaid-graph-5 .node rect,#mermaid-graph-5 .node circle,#mermaid-graph-5 .node ellipse,#mermaid-graph-5 .node polygon,#mermaid-graph-5 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-graph-5 .rough-node .label text,#mermaid-graph-5 .node .label text,#mermaid-graph-5 .image-shape .label,#mermaid-graph-5 .icon-shape .label{text-anchor:middle;}#mermaid-graph-5 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-graph-5 .rough-node .label,#mermaid-graph-5 .node .label,#mermaid-graph-5 .image-shape .label,#mermaid-graph-5 .icon-shape .label{text-align:center;}#mermaid-graph-5 .node.clickable{cursor:pointer;}#mermaid-graph-5 .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-graph-5 .arrowheadPath{fill:#333333;}#mermaid-graph-5 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-graph-5 .flowchart-link{stroke:#333333;fill:none;}#mermaid-graph-5 .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-graph-5 .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-graph-5 .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-graph-5 .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-graph-5 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-graph-5 .cluster text{fill:#333;}#mermaid-graph-5 .cluster span{color:#333;}#mermaid-graph-5 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-graph-5 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-graph-5 rect.text{fill:none;stroke-width:0;}#mermaid-graph-5 .icon-shape,#mermaid-graph-5 .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-graph-5 .icon-shape p,#mermaid-graph-5 .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-graph-5 .icon-shape rect,#mermaid-graph-5 .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-graph-5 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-5_flowchart-v2-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-5_flowchart-v2-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-5_flowchart-v2-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-5_flowchart-v2-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-5_flowchart-v2-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-5_flowchart-v2-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><g class="root"><g class="clusters"></g><g class="edgePaths"><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_B_0" d="M77.438,196L87.866,196C98.294,196,119.151,196,139.341,196C159.531,196,179.055,196,188.816,196L198.578,196"></path><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_0" d="M446.26,169L430.798,151.5C415.335,134,384.41,99,353.959,98.5C323.509,98,293.534,132,278.546,149L263.559,166"></path><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_2" d="M435.328,169.751L421.688,159.46C408.047,149.168,380.766,128.584,354.016,128.205C327.267,127.825,301.049,147.65,287.94,157.563L274.831,167.476"></path><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_3" d="M435.328,182.876L421.688,177.73C408.047,172.584,380.766,162.292,354.108,162.068C327.45,161.843,301.416,171.686,288.399,176.608L275.382,181.53"></path><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_4" d="M435.328,196L421.688,196C408.047,196,380.766,196,354.151,196C327.536,196,301.589,196,288.615,196L275.641,196"></path><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_5" d="M435.328,209.124L421.688,214.27C408.047,219.416,380.766,229.708,354.108,229.932C327.45,230.157,301.416,220.314,288.399,215.392L275.382,210.47"></path><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_6" d="M435.328,222.249L421.688,232.54C408.047,242.832,380.766,263.416,354.016,263.795C327.267,264.175,301.049,244.35,287.94,234.437L274.831,224.524"></path><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_7" d="M446.26,223L430.798,240.5C415.335,258,384.41,293,353.959,293.5C323.509,294,293.534,260,278.546,243L263.559,226"></path><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_8" d="M452.225,223L435.768,247.833C419.311,272.667,386.398,322.333,353.888,322.889C321.379,323.446,289.274,274.891,273.221,250.614L257.169,226.337"></path><path marker-end="url(#mermaid-graph-5_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_C_0" d="M254.962,169L271.383,144.167C287.803,119.333,320.644,69.667,353.152,69.111C385.661,68.555,417.838,117.11,433.927,141.388L450.015,165.666"></path></g><g class="edgeLabels"><g transform="translate(140.0078125, 196)" class="edgeLabel"><g transform="translate(-37.5703125, -12)" class="label"><foreignObject height="24" width="75.140625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 64)" class="edgeLabel"><g transform="translate(-53.8515625, -12)" class="label"><foreignObject height="24" width="107.703125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>User attributes</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 108)" class="edgeLabel"><g transform="translate(-42.2109375, -12)" class="label"><foreignObject height="24" width="84.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Master data</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 152)" class="edgeLabel"><g transform="translate(-52.3828125, -12)" class="label"><foreignObject height="24" width="104.765625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Exchange Rate</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 196)" class="edgeLabel"><g transform="translate(-49.7109375, -12)" class="label"><foreignObject height="24" width="99.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 240)" class="edgeLabel"><g transform="translate(-56.84375, -12)" class="label"><foreignObject height="24" width="113.6875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Vendor Partners</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 284)" class="edgeLabel"><g transform="translate(-52.2890625, -12)" class="label"><foreignObject height="24" width="104.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Work Situation</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 328)" class="edgeLabel"><g transform="translate(-33.9765625, -12)" class="label"><foreignObject height="24" width="67.953125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Customer</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 372)" class="edgeLabel"><g transform="translate(-49.7109375, -12)" class="label"><foreignObject height="24" width="99.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 20)" class="edgeLabel"><g transform="translate(-37.5703125, -12)" class="label"><foreignObject height="24" width="75.140625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(42.71875, 196)" id="flowchart-A-0" class="node default"><rect height="54" width="69.4375" y="-27" x="-34.71875" style="" class="basic label-container"></rect><g transform="translate(-4.71875, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.4375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>A</p></span></div></foreignObject></g></g><g transform="translate(237.109375, 196)" id="flowchart-B-1" class="node default"><rect height="54" width="69.0625" y="-27" x="-34.53125" style="" class="basic label-container"></rect><g transform="translate(-4.53125, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.0625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>B</p></span></div></foreignObject></g></g><g transform="translate(470.1171875, 196)" id="flowchart-C-2" class="node default"><rect height="54" width="69.578125" y="-27" x="-34.7890625" style="" class="basic label-container"></rect><g transform="translate(-4.7890625, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>C</p></span></div></foreignObject></g></g></g></g></g><text class="flowchartTitleText" y="-25" x="256.453125" text-anchor="middle">Interfaces for B</text></svg>
\ No newline at end of file
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Mermaid Diagrams/ELK on_mermaid-export.svg b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Mermaid Diagrams/ELK on_mermaid-export.svg
index d63356ec4..6fb0d2a0b 100644
--- a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Mermaid Diagrams/ELK on_mermaid-export.svg	
+++ b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Mermaid Diagrams/ELK on_mermaid-export.svg	
@@ -1 +1 @@
-<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="4 -49.66666793823242 530.826416015625 490.2760314941406" style="max-width: 530.826416015625px;" class="flowchart" xmlns="http://www.w3.org/2000/svg" width="100%" id="mermaid-graph-12"><style>#mermaid-graph-12{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#ccc;}#mermaid-graph-12 .error-icon{fill:#a44141;}#mermaid-graph-12 .error-text{fill:#ddd;stroke:#ddd;}#mermaid-graph-12 .edge-thickness-normal{stroke-width:1px;}#mermaid-graph-12 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-graph-12 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-graph-12 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-graph-12 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-graph-12 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-graph-12 .marker{fill:lightgrey;stroke:lightgrey;}#mermaid-graph-12 .marker.cross{stroke:lightgrey;}#mermaid-graph-12 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-graph-12 p{margin:0;}#mermaid-graph-12 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#ccc;}#mermaid-graph-12 .cluster-label text{fill:#F9FFFE;}#mermaid-graph-12 .cluster-label span{color:#F9FFFE;}#mermaid-graph-12 .cluster-label span p{background-color:transparent;}#mermaid-graph-12 .label text,#mermaid-graph-12 span{fill:#ccc;color:#ccc;}#mermaid-graph-12 .node rect,#mermaid-graph-12 .node circle,#mermaid-graph-12 .node ellipse,#mermaid-graph-12 .node polygon,#mermaid-graph-12 .node path{fill:#1f2020;stroke:#ccc;stroke-width:1px;}#mermaid-graph-12 .rough-node .label text,#mermaid-graph-12 .node .label text,#mermaid-graph-12 .image-shape .label,#mermaid-graph-12 .icon-shape .label{text-anchor:middle;}#mermaid-graph-12 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-graph-12 .rough-node .label,#mermaid-graph-12 .node .label,#mermaid-graph-12 .image-shape .label,#mermaid-graph-12 .icon-shape .label{text-align:center;}#mermaid-graph-12 .node.clickable{cursor:pointer;}#mermaid-graph-12 .root .anchor path{fill:lightgrey!important;stroke-width:0;stroke:lightgrey;}#mermaid-graph-12 .arrowheadPath{fill:lightgrey;}#mermaid-graph-12 .edgePath .path{stroke:lightgrey;stroke-width:2.0px;}#mermaid-graph-12 .flowchart-link{stroke:lightgrey;fill:none;}#mermaid-graph-12 .edgeLabel{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#mermaid-graph-12 .edgeLabel p{background-color:hsl(0, 0%, 34.4117647059%);}#mermaid-graph-12 .edgeLabel rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#mermaid-graph-12 .labelBkg{background-color:rgba(87.75, 87.75, 87.75, 0.5);}#mermaid-graph-12 .cluster rect{fill:hsl(180, 1.5873015873%, 28.3529411765%);stroke:rgba(255, 255, 255, 0.25);stroke-width:1px;}#mermaid-graph-12 .cluster text{fill:#F9FFFE;}#mermaid-graph-12 .cluster span{color:#F9FFFE;}#mermaid-graph-12 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(20, 1.5873015873%, 12.3529411765%);border:1px solid rgba(255, 255, 255, 0.25);border-radius:2px;pointer-events:none;z-index:100;}#mermaid-graph-12 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#ccc;}#mermaid-graph-12 rect.text{fill:none;stroke-width:0;}#mermaid-graph-12 .icon-shape,#mermaid-graph-12 .image-shape{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#mermaid-graph-12 .icon-shape p,#mermaid-graph-12 .image-shape p{background-color:hsl(0, 0%, 34.4117647059%);padding:2px;}#mermaid-graph-12 .icon-shape rect,#mermaid-graph-12 .image-shape rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#mermaid-graph-12 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-12_flowchart-v2-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-12_flowchart-v2-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-12_flowchart-v2-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-12_flowchart-v2-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-12_flowchart-v2-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-12_flowchart-v2-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker></g><g class="subgraphs"></g><g class="nodes"><g transform="translate(46.861114501953125, 39.00520896911621)" id="flowchart-A-220" class="node default"><rect height="54.01041793823242" width="69.44444465637207" y="-27.00520896911621" x="-34.722222328186035" style="" class="basic label-container"></rect><g transform="translate(-4.722222328186035, -12.005208969116211)" style="" class="label"><rect></rect><foreignObject height="24.010417938232422" width="9.44444465637207"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>A</p></span></div></foreignObject></g></g><g transform="translate(492.2951431274414, 249.10227966308594)" id="flowchart-B-221" class="node default"><rect height="54.01041793823242" width="69.0625" y="-27.00520896911621" x="-34.53125" style="" class="basic label-container"></rect><g transform="translate(-4.53125, -12.005208969116211)" style="" class="label"><rect></rect><foreignObject height="24.010417938232422" width="9.0625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>B</p></span></div></foreignObject></g></g><g transform="translate(46.79166793823242, 399.99480323791505)" id="flowchart-C-222" class="node default"><rect height="54.01041793823242" width="69.58333396911621" y="-27.00520896911621" x="-34.791666984558105" style="" class="basic label-container"></rect><g transform="translate(-4.7916669845581055, -12.005208969116211)" style="" class="label"><rect></rect><foreignObject height="24.010417938232422" width="9.583333969116211"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>C</p></span></div></foreignObject></g></g></g><g class="edges edgePaths"><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_B_0_0" d="M81.583,39.005L140.53,39.005C199.477,39.005,317.37,39.005,376.789,39.367C436.207,39.729,437.15,40.453,437.983,41.286C438.816,42.12,439.54,43.062,439.902,73.201C440.264,103.339,440.264,162.673,440.626,192.812C440.988,222.95,441.712,223.893,442.545,224.726C443.378,225.559,444.321,226.283,446.209,226.645C448.097,227.007,450.931,227.007,452.347,227.007L453.764,227.007"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_1_0" d="M81.583,383.792L86.583,383.792C91.583,383.792,101.583,383.792,107.055,383.43C112.526,383.068,113.469,382.344,114.302,381.511C115.136,380.677,115.859,379.734,116.221,337.635C116.583,295.536,116.583,212.281,116.945,170.182C117.307,128.083,118.031,127.14,118.864,126.307C119.698,125.474,120.641,124.75,167.559,124.388C214.477,124.026,307.37,124.026,354.289,124.388C401.207,124.75,402.15,125.474,402.983,126.307C403.816,127.14,404.54,128.083,404.902,145.688C405.264,163.293,405.264,197.56,405.626,215.165C405.988,232.77,406.712,233.713,407.545,234.546C408.378,235.379,409.321,236.103,417.042,236.465C424.764,236.827,439.264,236.827,446.514,236.827L453.764,236.827"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_2_0" d="M81.583,389.193L89.5,389.193C97.417,389.193,113.25,389.193,121.638,388.831C130.026,388.469,130.969,387.745,131.802,386.912C132.636,386.078,133.359,385.136,133.721,349.221C134.083,313.307,134.083,242.422,134.445,206.508C134.807,170.594,135.531,169.651,136.364,168.818C137.198,167.984,138.141,167.26,179.225,166.898C220.31,166.536,301.537,166.536,342.622,166.898C383.707,167.26,384.65,167.984,385.483,168.818C386.316,169.651,387.04,170.594,387.402,181.932C387.764,193.27,387.764,215.004,388.126,226.342C388.488,237.68,389.212,238.623,390.045,239.456C390.878,240.29,391.821,241.013,402.459,241.375C413.097,241.737,433.431,241.737,443.597,241.737L453.764,241.737"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_3_0" d="M81.583,394.594L92.417,394.594C103.25,394.594,124.917,394.594,136.221,394.232C147.526,393.87,148.469,393.146,149.302,392.313C150.136,391.479,150.859,390.537,151.221,360.807C151.583,331.078,151.583,272.563,151.945,242.833C152.307,213.104,153.031,212.161,153.864,211.328C154.698,210.495,155.641,209.771,190.892,209.409C226.144,209.047,295.704,209.047,330.955,209.409C366.207,209.771,367.15,210.495,367.983,211.328C368.816,212.161,369.54,213.104,369.902,218.176C370.264,223.247,370.264,232.447,370.626,237.519C370.988,242.59,371.712,243.533,372.545,244.366C373.378,245.2,374.321,245.923,387.876,246.285C401.431,246.647,427.597,246.647,440.681,246.647L453.764,246.647"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_4_0" d="M81.583,399.995L95.333,399.995C109.083,399.995,136.583,399.995,150.805,399.633C165.026,399.271,165.969,398.547,166.802,397.714C167.636,396.88,168.359,395.938,168.721,372.393C169.083,348.849,169.083,302.703,169.445,279.159C169.807,255.614,170.531,254.672,171.364,253.838C172.198,253.005,173.141,252.281,220.225,251.919C267.31,251.557,360.537,251.557,407.15,251.557L453.764,251.557"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_5_0" d="M81.583,405.396L98.25,405.396C114.917,405.396,148.25,405.396,165.388,405.034C182.526,404.672,183.469,403.948,184.302,403.115C185.136,402.281,185.859,401.339,186.221,383.979C186.583,366.62,186.583,332.844,186.945,315.484C187.307,298.125,188.031,297.182,188.864,296.349C189.698,295.515,190.641,294.792,220.059,294.43C249.477,294.068,307.37,294.068,336.789,293.706C366.207,293.344,367.15,292.62,367.983,291.787C368.816,290.953,369.54,290.011,369.902,284.939C370.264,279.868,370.264,270.667,370.626,265.596C370.988,260.525,371.712,259.582,372.545,258.748C373.378,257.915,374.321,257.191,387.876,256.829C401.431,256.467,427.597,256.467,440.681,256.467L453.764,256.467"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_6_0" d="M81.583,410.797L101.167,410.797C120.75,410.797,159.917,410.797,179.971,410.435C200.026,410.073,200.969,409.349,201.802,408.516C202.636,407.683,203.359,406.74,203.721,395.565C204.083,384.391,204.083,362.984,204.445,351.81C204.807,340.635,205.531,339.693,206.364,338.859C207.198,338.026,208.141,337.302,237.559,336.94C266.977,336.578,324.87,336.578,354.289,336.216C383.707,335.854,384.65,335.13,385.483,334.297C386.316,333.464,387.04,332.521,387.402,321.183C387.764,309.845,387.764,288.111,388.126,276.773C388.488,265.435,389.212,264.492,390.045,263.658C390.878,262.825,391.821,262.101,402.459,261.739C413.097,261.377,433.431,261.377,443.597,261.377L453.764,261.377"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_7_0" d="M81.583,416.198L104.083,416.198C126.583,416.198,171.583,416.198,194.555,415.836C217.526,415.474,218.469,414.75,219.302,413.917C220.136,413.084,220.859,412.141,221.221,407.151C221.583,402.161,221.583,393.125,221.945,388.135C222.307,383.146,223.031,382.203,223.864,381.37C224.698,380.536,225.641,379.812,255.059,379.45C284.477,379.089,342.37,379.089,371.789,378.727C401.207,378.365,402.15,377.641,402.983,376.808C403.816,375.974,404.54,375.031,404.902,357.426C405.264,339.822,405.264,305.554,405.626,287.95C405.988,270.345,406.712,269.402,407.545,268.568C408.378,267.735,409.321,267.011,417.042,266.649C424.764,266.287,439.264,266.287,446.514,266.287L453.764,266.287"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_8_0" d="M81.583,421.599L137.613,421.599C193.644,421.599,305.704,421.599,362.205,421.237C418.707,420.875,419.65,420.151,420.483,419.318C421.316,418.485,422.04,417.542,422.402,393.67C422.764,369.798,422.764,322.998,423.126,299.126C423.488,275.255,424.212,274.312,425.045,273.478C425.878,272.645,426.821,271.921,431.626,271.559C436.431,271.197,445.097,271.197,449.431,271.197L453.764,271.197"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_C_9_0" d="M457.764,231.917L452.764,231.917C447.764,231.917,437.764,231.917,432.292,231.555C426.821,231.193,425.878,230.469,425.045,229.636C424.212,228.803,423.488,227.86,423.126,203.988C422.764,180.117,422.764,133.316,422.402,109.444C422.04,85.573,421.316,84.63,420.483,83.797C419.65,82.963,418.707,82.239,365.955,81.878C313.204,81.516,208.644,81.516,155.892,81.878C103.141,82.239,102.198,82.963,101.364,83.797C100.531,84.63,99.807,85.573,99.445,133.857C99.083,182.141,99.083,277.766,98.721,326.05C98.359,374.333,97.636,375.276,96.802,376.11C95.969,376.943,95.026,377.667,93.138,378.029C91.25,378.391,88.417,378.391,87,378.391L85.583,378.391"></path></g><g class="edgeLabels"><g transform="translate(295.9236145019531, 38.01041793823242)" class="edgeLabel"><g transform="translate(-37.5694465637207, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="75.1388931274414"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g><g transform="translate(295.9236145019531, 123.03125381469727)" class="edgeLabel"><g transform="translate(-53.85416793823242, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="107.70833587646484"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>User attributes</p></span></div></foreignObject></g></g><g transform="translate(295.9236145019531, 165.5416717529297)" class="edgeLabel"><g transform="translate(-42.21354293823242, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="84.42708587646484"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Master data</p></span></div></foreignObject></g></g><g transform="translate(295.9236145019531, 208.0520896911621)" class="edgeLabel"><g transform="translate(-52.38715362548828, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="104.77430725097656"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Exchange Rate</p></span></div></foreignObject></g></g><g transform="translate(295.9236145019531, 250.56250762939453)" class="edgeLabel"><g transform="translate(-49.71354293823242, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="99.42708587646484"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(295.9236145019531, 293.07292556762695)" class="edgeLabel"><g transform="translate(-56.84027862548828, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="113.68055725097656"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Vendor Partners</p></span></div></foreignObject></g></g><g transform="translate(295.9236145019531, 335.5833435058594)" class="edgeLabel"><g transform="translate(-52.29166793823242, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="104.58333587646484"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Work Situation</p></span></div></foreignObject></g></g><g transform="translate(295.9236145019531, 378.0937614440918)" class="edgeLabel"><g transform="translate(-33.9756965637207, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="67.9513931274414"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Customer</p></span></div></foreignObject></g></g><g transform="translate(295.9236145019531, 420.6041793823242)" class="edgeLabel"><g transform="translate(-49.71354293823242, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="99.42708587646484"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(295.9236145019531, 80.52083587646484)" class="edgeLabel"><g transform="translate(-37.5694465637207, -12.005208969116211)" class="label"><foreignObject height="24.010417938232422" width="75.1388931274414"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g></g><text class="flowchartTitleText" y="-25" x="269.4132080078125" text-anchor="middle">Interfaces for B</text></svg>
\ No newline at end of file
+<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="4 -50 530.828125 491" height="491" class="flowchart" xmlns="http://www.w3.org/2000/svg" width="530.828125" id="mermaid-graph-9"><style>#mermaid-graph-9{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-graph-9 .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-graph-9 .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-graph-9 .error-icon{fill:#552222;}#mermaid-graph-9 .error-text{fill:#552222;stroke:#552222;}#mermaid-graph-9 .edge-thickness-normal{stroke-width:1px;}#mermaid-graph-9 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-graph-9 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-graph-9 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-graph-9 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-graph-9 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-graph-9 .marker{fill:#333333;stroke:#333333;}#mermaid-graph-9 .marker.cross{stroke:#333333;}#mermaid-graph-9 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-graph-9 p{margin:0;}#mermaid-graph-9 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-graph-9 .cluster-label text{fill:#333;}#mermaid-graph-9 .cluster-label span{color:#333;}#mermaid-graph-9 .cluster-label span p{background-color:transparent;}#mermaid-graph-9 .label text,#mermaid-graph-9 span{fill:#333;color:#333;}#mermaid-graph-9 .node rect,#mermaid-graph-9 .node circle,#mermaid-graph-9 .node ellipse,#mermaid-graph-9 .node polygon,#mermaid-graph-9 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-graph-9 .rough-node .label text,#mermaid-graph-9 .node .label text,#mermaid-graph-9 .image-shape .label,#mermaid-graph-9 .icon-shape .label{text-anchor:middle;}#mermaid-graph-9 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-graph-9 .rough-node .label,#mermaid-graph-9 .node .label,#mermaid-graph-9 .image-shape .label,#mermaid-graph-9 .icon-shape .label{text-align:center;}#mermaid-graph-9 .node.clickable{cursor:pointer;}#mermaid-graph-9 .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-graph-9 .arrowheadPath{fill:#333333;}#mermaid-graph-9 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-graph-9 .flowchart-link{stroke:#333333;fill:none;}#mermaid-graph-9 .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-graph-9 .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-graph-9 .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-graph-9 .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-graph-9 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-graph-9 .cluster text{fill:#333;}#mermaid-graph-9 .cluster span{color:#333;}#mermaid-graph-9 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-graph-9 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-graph-9 rect.text{fill:none;stroke-width:0;}#mermaid-graph-9 .icon-shape,#mermaid-graph-9 .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-graph-9 .icon-shape p,#mermaid-graph-9 .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-graph-9 .icon-shape rect,#mermaid-graph-9 .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-graph-9 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-9_flowchart-v2-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-9_flowchart-v2-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-9_flowchart-v2-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-9_flowchart-v2-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-9_flowchart-v2-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-9_flowchart-v2-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker></g><g class="subgraphs"></g><g class="nodes"><g transform="translate(46.859375, 39)" id="flowchart-A-0" class="node default"><rect height="54" width="69.4375" y="-27" x="-34.71875" style="" class="basic label-container"></rect><g transform="translate(-4.71875, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.4375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>A</p></span></div></foreignObject></g></g><g transform="translate(492.296875, 249.04545454545453)" id="flowchart-B-1" class="node default"><rect height="54" width="69.0625" y="-27" x="-34.53125" style="" class="basic label-container"></rect><g transform="translate(-4.53125, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.0625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>B</p></span></div></foreignObject></g></g><g transform="translate(46.7890625, 399.9)" id="flowchart-C-2" class="node default"><rect height="54" width="69.578125" y="-27" x="-34.7890625" style="" class="basic label-container"></rect><g transform="translate(-4.7890625, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>C</p></span></div></foreignObject></g></g></g><g class="edges edgePaths"><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_B_0_0" d="M81.578,39L140.526,39C199.474,39,317.37,39,376.789,39.362C436.208,39.724,437.151,40.448,437.985,41.281C438.818,42.114,439.542,43.057,439.904,73.188C440.266,103.318,440.266,162.636,440.628,192.767C440.989,222.897,441.713,223.84,442.547,224.673C443.38,225.507,444.323,226.231,446.211,226.593C448.099,226.955,450.932,226.955,452.349,226.955L453.766,226.955"></path><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_0_0" d="M81.578,383.7L86.578,383.7C91.578,383.7,101.578,383.7,107.05,383.338C112.521,382.976,113.464,382.252,114.297,381.419C115.13,380.586,115.854,379.643,116.216,337.555C116.578,295.467,116.578,212.233,116.94,170.145C117.302,128.057,118.026,127.114,118.859,126.281C119.693,125.448,120.635,124.724,167.555,124.362C214.474,124,307.37,124,354.289,124.362C401.208,124.724,402.151,125.448,402.985,126.281C403.818,127.114,404.542,128.057,404.904,145.657C405.266,163.258,405.266,197.515,405.628,215.115C405.989,232.716,406.713,233.658,407.547,234.492C408.38,235.325,409.323,236.049,417.044,236.411C424.766,236.773,439.266,236.773,446.516,236.773L453.766,236.773"></path><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_2_0" d="M81.578,389.1L89.495,389.1C97.411,389.1,113.245,389.1,121.633,388.738C130.021,388.376,130.964,387.652,131.797,386.819C132.63,385.986,133.354,385.043,133.716,349.138C134.078,313.233,134.078,242.367,134.44,206.462C134.802,170.557,135.526,169.614,136.359,168.781C137.193,167.948,138.135,167.224,179.221,166.862C220.307,166.5,301.536,166.5,342.622,166.862C383.708,167.224,384.651,167.948,385.485,168.781C386.318,169.614,387.042,170.557,387.404,181.892C387.766,193.227,387.766,214.955,388.128,226.29C388.489,237.625,389.213,238.567,390.047,239.401C390.88,240.234,391.823,240.958,402.461,241.32C413.099,241.682,433.432,241.682,443.599,241.682L453.766,241.682"></path><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_3_0" d="M81.578,394.5L92.411,394.5C103.245,394.5,124.911,394.5,136.216,394.138C147.521,393.776,148.464,393.052,149.297,392.219C150.13,391.386,150.854,390.443,151.216,360.721C151.578,331,151.578,272.5,151.94,242.779C152.302,213.057,153.026,212.114,153.859,211.281C154.693,210.448,155.635,209.724,190.888,209.362C226.141,209,295.703,209,330.956,209.362C366.208,209.724,367.151,210.448,367.985,211.281C368.818,212.114,369.542,213.057,369.904,218.127C370.266,223.197,370.266,232.394,370.628,237.464C370.989,242.534,371.713,243.477,372.547,244.31C373.38,245.143,374.323,245.867,387.878,246.229C401.432,246.591,427.599,246.591,440.682,246.591L453.766,246.591"></path><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_4_0" d="M81.578,399.9L95.328,399.9C109.078,399.9,136.578,399.9,150.8,399.538C165.021,399.176,165.964,398.452,166.797,397.619C167.63,396.786,168.354,395.843,168.716,372.305C169.078,348.767,169.078,302.633,169.44,279.095C169.802,255.557,170.526,254.614,171.359,253.781C172.193,252.948,173.135,252.224,220.221,251.862C267.307,251.5,360.536,251.5,407.151,251.5L453.766,251.5"></path><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_5_0" d="M81.578,405.3L98.245,405.3C114.911,405.3,148.245,405.3,165.383,404.938C182.521,404.576,183.464,403.852,184.297,403.019C185.13,402.186,185.854,401.243,186.216,383.888C186.578,366.533,186.578,332.767,186.94,315.412C187.302,298.057,188.026,297.114,188.859,296.281C189.693,295.448,190.635,294.724,220.055,294.362C249.474,294,307.37,294,336.789,293.638C366.208,293.276,367.151,292.552,367.985,291.719C368.818,290.886,369.542,289.943,369.904,284.873C370.266,279.803,370.266,270.606,370.628,265.536C370.989,260.466,371.713,259.523,372.547,258.69C373.38,257.857,374.323,257.133,387.878,256.771C401.432,256.409,427.599,256.409,440.682,256.409L453.766,256.409"></path><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_6_0" d="M81.578,410.7L101.161,410.7C120.745,410.7,159.911,410.7,179.966,410.338C200.021,409.976,200.964,409.252,201.797,408.419C202.63,407.586,203.354,406.643,203.716,395.471C204.078,384.3,204.078,362.9,204.44,351.729C204.802,340.557,205.526,339.614,206.359,338.781C207.193,337.948,208.135,337.224,237.555,336.862C266.974,336.5,324.87,336.5,354.289,336.138C383.708,335.776,384.651,335.052,385.485,334.219C386.318,333.386,387.042,332.443,387.404,321.108C387.766,309.773,387.766,288.045,388.128,276.71C388.489,265.375,389.213,264.433,390.047,263.599C390.88,262.766,391.823,262.042,402.461,261.68C413.099,261.318,433.432,261.318,443.599,261.318L453.766,261.318"></path><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_7_0" d="M81.578,416.1L104.078,416.1C126.578,416.1,171.578,416.1,194.55,415.738C217.521,415.376,218.464,414.652,219.297,413.819C220.13,412.986,220.854,412.043,221.216,407.055C221.578,402.067,221.578,393.033,221.94,388.045C222.302,383.057,223.026,382.114,223.859,381.281C224.693,380.448,225.635,379.724,255.055,379.362C284.474,379,342.37,379,371.789,378.638C401.208,378.276,402.151,377.552,402.985,376.719C403.818,375.886,404.542,374.943,404.904,357.343C405.266,339.742,405.266,305.485,405.628,287.885C405.989,270.284,406.713,269.342,407.547,268.508C408.38,267.675,409.323,266.951,417.044,266.589C424.766,266.227,439.266,266.227,446.516,266.227L453.766,266.227"></path><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_8_0" d="M81.578,421.5L137.609,421.5C193.641,421.5,305.703,421.5,362.206,421.138C418.708,420.776,419.651,420.052,420.485,419.219C421.318,418.386,422.042,417.443,422.404,393.577C422.766,369.712,422.766,322.924,423.128,299.059C423.489,275.194,424.213,274.251,425.047,273.417C425.88,272.584,426.823,271.86,431.628,271.498C436.432,271.136,445.099,271.136,449.432,271.136L453.766,271.136"></path><path marker-end="url(#mermaid-graph-9_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_C_0_0" d="M457.766,231.864L452.766,231.864C447.766,231.864,437.766,231.864,432.294,231.502C426.823,231.14,425.88,230.416,425.047,229.583C424.213,228.749,423.489,227.806,423.128,203.941C422.766,180.076,422.766,133.288,422.404,109.423C422.042,85.557,421.318,84.614,420.485,83.781C419.651,82.948,418.708,82.224,365.956,81.862C313.203,81.5,208.641,81.5,155.888,81.862C103.135,82.224,102.193,82.948,101.359,83.781C100.526,84.614,99.802,85.557,99.44,133.829C99.078,182.1,99.078,277.7,98.716,325.971C98.354,374.243,97.63,375.186,96.797,376.019C95.964,376.852,95.021,377.576,93.133,377.938C91.245,378.3,88.411,378.3,86.995,378.3L85.578,378.3"></path></g><g class="edgeLabels"><g transform="translate(295.921875, 38.5)" class="edgeLabel"><g transform="translate(-37.5703125, -12)" class="label"><foreignObject height="24" width="75.140625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 123.5)" class="edgeLabel"><g transform="translate(-53.8515625, -12)" class="label"><foreignObject height="24" width="107.703125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>User attributes</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 165.99999999999997)" class="edgeLabel"><g transform="translate(-42.2109375, -12)" class="label"><foreignObject height="24" width="84.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Master data</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 208.49999999999997)" class="edgeLabel"><g transform="translate(-52.3828125, -12)" class="label"><foreignObject height="24" width="104.765625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Exchange Rate</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 250.99999999999997)" class="edgeLabel"><g transform="translate(-49.7109375, -12)" class="label"><foreignObject height="24" width="99.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 293.5)" class="edgeLabel"><g transform="translate(-56.84375, -12)" class="label"><foreignObject height="24" width="113.6875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Vendor Partners</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 336)" class="edgeLabel"><g transform="translate(-52.2890625, -12)" class="label"><foreignObject height="24" width="104.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Work Situation</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 378.5)" class="edgeLabel"><g transform="translate(-33.9765625, -12)" class="label"><foreignObject height="24" width="67.953125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Customer</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 421)" class="edgeLabel"><g transform="translate(-49.7109375, -12)" class="label"><foreignObject height="24" width="99.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 81)" class="edgeLabel"><g transform="translate(-37.5703125, -12)" class="label"><foreignObject height="24" width="75.140625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g></g><text class="flowchartTitleText" y="-25" x="269.4140625" text-anchor="middle">Interfaces for B</text></svg>
\ No newline at end of file
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Mermaid Diagrams_ELK off.svg b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Mermaid Diagrams_ELK off.svg
new file mode 100644
index 000000000..a6a8a0125
--- /dev/null
+++ b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Mermaid Diagrams_ELK off.svg	
@@ -0,0 +1 @@
+<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="0 -50 512.90625 442" height="442" class="flowchart" xmlns="http://www.w3.org/2000/svg" width="512.90625" id="mermaid-graph-13"><style>#mermaid-graph-13{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-graph-13 .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-graph-13 .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-graph-13 .error-icon{fill:#552222;}#mermaid-graph-13 .error-text{fill:#552222;stroke:#552222;}#mermaid-graph-13 .edge-thickness-normal{stroke-width:1px;}#mermaid-graph-13 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-graph-13 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-graph-13 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-graph-13 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-graph-13 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-graph-13 .marker{fill:#333333;stroke:#333333;}#mermaid-graph-13 .marker.cross{stroke:#333333;}#mermaid-graph-13 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-graph-13 p{margin:0;}#mermaid-graph-13 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-graph-13 .cluster-label text{fill:#333;}#mermaid-graph-13 .cluster-label span{color:#333;}#mermaid-graph-13 .cluster-label span p{background-color:transparent;}#mermaid-graph-13 .label text,#mermaid-graph-13 span{fill:#333;color:#333;}#mermaid-graph-13 .node rect,#mermaid-graph-13 .node circle,#mermaid-graph-13 .node ellipse,#mermaid-graph-13 .node polygon,#mermaid-graph-13 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-graph-13 .rough-node .label text,#mermaid-graph-13 .node .label text,#mermaid-graph-13 .image-shape .label,#mermaid-graph-13 .icon-shape .label{text-anchor:middle;}#mermaid-graph-13 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-graph-13 .rough-node .label,#mermaid-graph-13 .node .label,#mermaid-graph-13 .image-shape .label,#mermaid-graph-13 .icon-shape .label{text-align:center;}#mermaid-graph-13 .node.clickable{cursor:pointer;}#mermaid-graph-13 .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-graph-13 .arrowheadPath{fill:#333333;}#mermaid-graph-13 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-graph-13 .flowchart-link{stroke:#333333;fill:none;}#mermaid-graph-13 .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-graph-13 .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-graph-13 .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-graph-13 .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-graph-13 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-graph-13 .cluster text{fill:#333;}#mermaid-graph-13 .cluster span{color:#333;}#mermaid-graph-13 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-graph-13 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-graph-13 rect.text{fill:none;stroke-width:0;}#mermaid-graph-13 .icon-shape,#mermaid-graph-13 .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-graph-13 .icon-shape p,#mermaid-graph-13 .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-graph-13 .icon-shape rect,#mermaid-graph-13 .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-graph-13 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-13_flowchart-v2-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-13_flowchart-v2-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-13_flowchart-v2-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-13_flowchart-v2-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-13_flowchart-v2-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-13_flowchart-v2-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><g class="root"><g class="clusters"></g><g class="edgePaths"><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_B_0" d="M77.438,196L87.866,196C98.294,196,119.151,196,139.341,196C159.531,196,179.055,196,188.816,196L198.578,196"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_0" d="M446.26,169L430.798,151.5C415.335,134,384.41,99,353.959,98.5C323.509,98,293.534,132,278.546,149L263.559,166"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_2" d="M435.328,169.751L421.688,159.46C408.047,149.168,380.766,128.584,354.016,128.205C327.267,127.825,301.049,147.65,287.94,157.563L274.831,167.476"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_3" d="M435.328,182.876L421.688,177.73C408.047,172.584,380.766,162.292,354.108,162.068C327.45,161.843,301.416,171.686,288.399,176.608L275.382,181.53"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_4" d="M435.328,196L421.688,196C408.047,196,380.766,196,354.151,196C327.536,196,301.589,196,288.615,196L275.641,196"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_5" d="M435.328,209.124L421.688,214.27C408.047,219.416,380.766,229.708,354.108,229.932C327.45,230.157,301.416,220.314,288.399,215.392L275.382,210.47"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_6" d="M435.328,222.249L421.688,232.54C408.047,242.832,380.766,263.416,354.016,263.795C327.267,264.175,301.049,244.35,287.94,234.437L274.831,224.524"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_7" d="M446.26,223L430.798,240.5C415.335,258,384.41,293,353.959,293.5C323.509,294,293.534,260,278.546,243L263.559,226"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_8" d="M452.225,223L435.768,247.833C419.311,272.667,386.398,322.333,353.888,322.889C321.379,323.446,289.274,274.891,273.221,250.614L257.169,226.337"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_C_0" d="M254.962,169L271.383,144.167C287.803,119.333,320.644,69.667,353.152,69.111C385.661,68.555,417.838,117.11,433.927,141.388L450.015,165.666"></path></g><g class="edgeLabels"><g transform="translate(140.0078125, 196)" class="edgeLabel"><g transform="translate(-37.5703125, -12)" class="label"><foreignObject height="24" width="75.140625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 64)" class="edgeLabel"><g transform="translate(-53.8515625, -12)" class="label"><foreignObject height="24" width="107.703125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>User attributes</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 108)" class="edgeLabel"><g transform="translate(-42.2109375, -12)" class="label"><foreignObject height="24" width="84.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Master data</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 152)" class="edgeLabel"><g transform="translate(-52.3828125, -12)" class="label"><foreignObject height="24" width="104.765625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Exchange Rate</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 196)" class="edgeLabel"><g transform="translate(-49.7109375, -12)" class="label"><foreignObject height="24" width="99.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 240)" class="edgeLabel"><g transform="translate(-56.84375, -12)" class="label"><foreignObject height="24" width="113.6875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Vendor Partners</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 284)" class="edgeLabel"><g transform="translate(-52.2890625, -12)" class="label"><foreignObject height="24" width="104.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Work Situation</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 328)" class="edgeLabel"><g transform="translate(-33.9765625, -12)" class="label"><foreignObject height="24" width="67.953125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Customer</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 372)" class="edgeLabel"><g transform="translate(-49.7109375, -12)" class="label"><foreignObject height="24" width="99.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(353.484375, 20)" class="edgeLabel"><g transform="translate(-37.5703125, -12)" class="label"><foreignObject height="24" width="75.140625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(42.71875, 196)" id="flowchart-A-0" class="node default"><rect height="54" width="69.4375" y="-27" x="-34.71875" style="" class="basic label-container"></rect><g transform="translate(-4.71875, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.4375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>A</p></span></div></foreignObject></g></g><g transform="translate(237.109375, 196)" id="flowchart-B-1" class="node default"><rect height="54" width="69.0625" y="-27" x="-34.53125" style="" class="basic label-container"></rect><g transform="translate(-4.53125, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.0625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>B</p></span></div></foreignObject></g></g><g transform="translate(470.1171875, 196)" id="flowchart-C-2" class="node default"><rect height="54" width="69.578125" y="-27" x="-34.7890625" style="" class="basic label-container"></rect><g transform="translate(-4.7890625, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>C</p></span></div></foreignObject></g></g></g></g></g><text class="flowchartTitleText" y="-25" x="256.453125" text-anchor="middle">Interfaces for B</text></svg>
\ No newline at end of file
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Mermaid Diagrams_ELK on.svg b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Mermaid Diagrams_ELK on.svg
new file mode 100644
index 000000000..1a400331d
--- /dev/null
+++ b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Mermaid Diagrams_ELK on.svg	
@@ -0,0 +1 @@
+<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="4 -50 530.828125 491" height="491" class="flowchart" xmlns="http://www.w3.org/2000/svg" width="530.828125" id="mermaid-graph-12"><style>#mermaid-graph-12{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-graph-12 .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-graph-12 .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-graph-12 .error-icon{fill:#552222;}#mermaid-graph-12 .error-text{fill:#552222;stroke:#552222;}#mermaid-graph-12 .edge-thickness-normal{stroke-width:1px;}#mermaid-graph-12 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-graph-12 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-graph-12 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-graph-12 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-graph-12 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-graph-12 .marker{fill:#333333;stroke:#333333;}#mermaid-graph-12 .marker.cross{stroke:#333333;}#mermaid-graph-12 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-graph-12 p{margin:0;}#mermaid-graph-12 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-graph-12 .cluster-label text{fill:#333;}#mermaid-graph-12 .cluster-label span{color:#333;}#mermaid-graph-12 .cluster-label span p{background-color:transparent;}#mermaid-graph-12 .label text,#mermaid-graph-12 span{fill:#333;color:#333;}#mermaid-graph-12 .node rect,#mermaid-graph-12 .node circle,#mermaid-graph-12 .node ellipse,#mermaid-graph-12 .node polygon,#mermaid-graph-12 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-graph-12 .rough-node .label text,#mermaid-graph-12 .node .label text,#mermaid-graph-12 .image-shape .label,#mermaid-graph-12 .icon-shape .label{text-anchor:middle;}#mermaid-graph-12 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-graph-12 .rough-node .label,#mermaid-graph-12 .node .label,#mermaid-graph-12 .image-shape .label,#mermaid-graph-12 .icon-shape .label{text-align:center;}#mermaid-graph-12 .node.clickable{cursor:pointer;}#mermaid-graph-12 .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-graph-12 .arrowheadPath{fill:#333333;}#mermaid-graph-12 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-graph-12 .flowchart-link{stroke:#333333;fill:none;}#mermaid-graph-12 .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-graph-12 .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-graph-12 .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-graph-12 .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-graph-12 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-graph-12 .cluster text{fill:#333;}#mermaid-graph-12 .cluster span{color:#333;}#mermaid-graph-12 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-graph-12 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-graph-12 rect.text{fill:none;stroke-width:0;}#mermaid-graph-12 .icon-shape,#mermaid-graph-12 .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-graph-12 .icon-shape p,#mermaid-graph-12 .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-graph-12 .icon-shape rect,#mermaid-graph-12 .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-graph-12 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-12_flowchart-v2-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-12_flowchart-v2-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-12_flowchart-v2-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-12_flowchart-v2-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-12_flowchart-v2-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-graph-12_flowchart-v2-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker></g><g class="subgraphs"></g><g class="nodes"><g transform="translate(46.859375, 39)" id="flowchart-A-0" class="node default"><rect height="54" width="69.4375" y="-27" x="-34.71875" style="" class="basic label-container"></rect><g transform="translate(-4.71875, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.4375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>A</p></span></div></foreignObject></g></g><g transform="translate(492.296875, 249.04545454545453)" id="flowchart-B-1" class="node default"><rect height="54" width="69.0625" y="-27" x="-34.53125" style="" class="basic label-container"></rect><g transform="translate(-4.53125, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.0625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>B</p></span></div></foreignObject></g></g><g transform="translate(46.7890625, 399.9)" id="flowchart-C-2" class="node default"><rect height="54" width="69.578125" y="-27" x="-34.7890625" style="" class="basic label-container"></rect><g transform="translate(-4.7890625, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="9.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>C</p></span></div></foreignObject></g></g></g><g class="edges edgePaths"><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_B_0_0" d="M81.578,39L140.526,39C199.474,39,317.37,39,376.789,39.362C436.208,39.724,437.151,40.448,437.985,41.281C438.818,42.114,439.542,43.057,439.904,73.188C440.266,103.318,440.266,162.636,440.628,192.767C440.989,222.897,441.713,223.84,442.547,224.673C443.38,225.507,444.323,226.231,446.211,226.593C448.099,226.955,450.932,226.955,452.349,226.955L453.766,226.955"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_0_0" d="M81.578,383.7L86.578,383.7C91.578,383.7,101.578,383.7,107.05,383.338C112.521,382.976,113.464,382.252,114.297,381.419C115.13,380.586,115.854,379.643,116.216,337.555C116.578,295.467,116.578,212.233,116.94,170.145C117.302,128.057,118.026,127.114,118.859,126.281C119.693,125.448,120.635,124.724,167.555,124.362C214.474,124,307.37,124,354.289,124.362C401.208,124.724,402.151,125.448,402.985,126.281C403.818,127.114,404.542,128.057,404.904,145.657C405.266,163.258,405.266,197.515,405.628,215.115C405.989,232.716,406.713,233.658,407.547,234.492C408.38,235.325,409.323,236.049,417.044,236.411C424.766,236.773,439.266,236.773,446.516,236.773L453.766,236.773"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_2_0" d="M81.578,389.1L89.495,389.1C97.411,389.1,113.245,389.1,121.633,388.738C130.021,388.376,130.964,387.652,131.797,386.819C132.63,385.986,133.354,385.043,133.716,349.138C134.078,313.233,134.078,242.367,134.44,206.462C134.802,170.557,135.526,169.614,136.359,168.781C137.193,167.948,138.135,167.224,179.221,166.862C220.307,166.5,301.536,166.5,342.622,166.862C383.708,167.224,384.651,167.948,385.485,168.781C386.318,169.614,387.042,170.557,387.404,181.892C387.766,193.227,387.766,214.955,388.128,226.29C388.489,237.625,389.213,238.567,390.047,239.401C390.88,240.234,391.823,240.958,402.461,241.32C413.099,241.682,433.432,241.682,443.599,241.682L453.766,241.682"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_3_0" d="M81.578,394.5L92.411,394.5C103.245,394.5,124.911,394.5,136.216,394.138C147.521,393.776,148.464,393.052,149.297,392.219C150.13,391.386,150.854,390.443,151.216,360.721C151.578,331,151.578,272.5,151.94,242.779C152.302,213.057,153.026,212.114,153.859,211.281C154.693,210.448,155.635,209.724,190.888,209.362C226.141,209,295.703,209,330.956,209.362C366.208,209.724,367.151,210.448,367.985,211.281C368.818,212.114,369.542,213.057,369.904,218.127C370.266,223.197,370.266,232.394,370.628,237.464C370.989,242.534,371.713,243.477,372.547,244.31C373.38,245.143,374.323,245.867,387.878,246.229C401.432,246.591,427.599,246.591,440.682,246.591L453.766,246.591"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_4_0" d="M81.578,399.9L95.328,399.9C109.078,399.9,136.578,399.9,150.8,399.538C165.021,399.176,165.964,398.452,166.797,397.619C167.63,396.786,168.354,395.843,168.716,372.305C169.078,348.767,169.078,302.633,169.44,279.095C169.802,255.557,170.526,254.614,171.359,253.781C172.193,252.948,173.135,252.224,220.221,251.862C267.307,251.5,360.536,251.5,407.151,251.5L453.766,251.5"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_5_0" d="M81.578,405.3L98.245,405.3C114.911,405.3,148.245,405.3,165.383,404.938C182.521,404.576,183.464,403.852,184.297,403.019C185.13,402.186,185.854,401.243,186.216,383.888C186.578,366.533,186.578,332.767,186.94,315.412C187.302,298.057,188.026,297.114,188.859,296.281C189.693,295.448,190.635,294.724,220.055,294.362C249.474,294,307.37,294,336.789,293.638C366.208,293.276,367.151,292.552,367.985,291.719C368.818,290.886,369.542,289.943,369.904,284.873C370.266,279.803,370.266,270.606,370.628,265.536C370.989,260.466,371.713,259.523,372.547,258.69C373.38,257.857,374.323,257.133,387.878,256.771C401.432,256.409,427.599,256.409,440.682,256.409L453.766,256.409"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_6_0" d="M81.578,410.7L101.161,410.7C120.745,410.7,159.911,410.7,179.966,410.338C200.021,409.976,200.964,409.252,201.797,408.419C202.63,407.586,203.354,406.643,203.716,395.471C204.078,384.3,204.078,362.9,204.44,351.729C204.802,340.557,205.526,339.614,206.359,338.781C207.193,337.948,208.135,337.224,237.555,336.862C266.974,336.5,324.87,336.5,354.289,336.138C383.708,335.776,384.651,335.052,385.485,334.219C386.318,333.386,387.042,332.443,387.404,321.108C387.766,309.773,387.766,288.045,388.128,276.71C388.489,265.375,389.213,264.433,390.047,263.599C390.88,262.766,391.823,262.042,402.461,261.68C413.099,261.318,433.432,261.318,443.599,261.318L453.766,261.318"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_7_0" d="M81.578,416.1L104.078,416.1C126.578,416.1,171.578,416.1,194.55,415.738C217.521,415.376,218.464,414.652,219.297,413.819C220.13,412.986,220.854,412.043,221.216,407.055C221.578,402.067,221.578,393.033,221.94,388.045C222.302,383.057,223.026,382.114,223.859,381.281C224.693,380.448,225.635,379.724,255.055,379.362C284.474,379,342.37,379,371.789,378.638C401.208,378.276,402.151,377.552,402.985,376.719C403.818,375.886,404.542,374.943,404.904,357.343C405.266,339.742,405.266,305.485,405.628,287.885C405.989,270.284,406.713,269.342,407.547,268.508C408.38,267.675,409.323,266.951,417.044,266.589C424.766,266.227,439.266,266.227,446.516,266.227L453.766,266.227"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_B_8_0" d="M81.578,421.5L137.609,421.5C193.641,421.5,305.703,421.5,362.206,421.138C418.708,420.776,419.651,420.052,420.485,419.219C421.318,418.386,422.042,417.443,422.404,393.577C422.766,369.712,422.766,322.924,423.128,299.059C423.489,275.194,424.213,274.251,425.047,273.417C425.88,272.584,426.823,271.86,431.628,271.498C436.432,271.136,445.099,271.136,449.432,271.136L453.766,271.136"></path><path marker-end="url(#mermaid-graph-12_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_C_0_0" d="M457.766,231.864L452.766,231.864C447.766,231.864,437.766,231.864,432.294,231.502C426.823,231.14,425.88,230.416,425.047,229.583C424.213,228.749,423.489,227.806,423.128,203.941C422.766,180.076,422.766,133.288,422.404,109.423C422.042,85.557,421.318,84.614,420.485,83.781C419.651,82.948,418.708,82.224,365.956,81.862C313.203,81.5,208.641,81.5,155.888,81.862C103.135,82.224,102.193,82.948,101.359,83.781C100.526,84.614,99.802,85.557,99.44,133.829C99.078,182.1,99.078,277.7,98.716,325.971C98.354,374.243,97.63,375.186,96.797,376.019C95.964,376.852,95.021,377.576,93.133,377.938C91.245,378.3,88.411,378.3,86.995,378.3L85.578,378.3"></path></g><g class="edgeLabels"><g transform="translate(295.921875, 38.5)" class="edgeLabel"><g transform="translate(-37.5703125, -12)" class="label"><foreignObject height="24" width="75.140625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 123.5)" class="edgeLabel"><g transform="translate(-53.8515625, -12)" class="label"><foreignObject height="24" width="107.703125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>User attributes</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 165.99999999999997)" class="edgeLabel"><g transform="translate(-42.2109375, -12)" class="label"><foreignObject height="24" width="84.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Master data</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 208.49999999999997)" class="edgeLabel"><g transform="translate(-52.3828125, -12)" class="label"><foreignObject height="24" width="104.765625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Exchange Rate</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 250.99999999999997)" class="edgeLabel"><g transform="translate(-49.7109375, -12)" class="label"><foreignObject height="24" width="99.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 293.5)" class="edgeLabel"><g transform="translate(-56.84375, -12)" class="label"><foreignObject height="24" width="113.6875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Vendor Partners</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 336)" class="edgeLabel"><g transform="translate(-52.2890625, -12)" class="label"><foreignObject height="24" width="104.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Work Situation</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 378.5)" class="edgeLabel"><g transform="translate(-33.9765625, -12)" class="label"><foreignObject height="24" width="67.953125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Customer</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 421)" class="edgeLabel"><g transform="translate(-49.7109375, -12)" class="label"><foreignObject height="24" width="99.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Profit Centers</p></span></div></foreignObject></g></g><g transform="translate(295.921875, 81)" class="edgeLabel"><g transform="translate(-37.5703125, -12)" class="label"><foreignObject height="24" width="75.140625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Guarantee</p></span></div></foreignObject></g></g></g><text class="flowchartTitleText" y="-25" x="269.4140625" text-anchor="middle">Interfaces for B</text></svg>
\ No newline at end of file