From 55c46d65afb0c88450ddd8f225c8c138fe76de7b Mon Sep 17 00:00:00 2001
From: Ondra Machacek <omachace@redhat.com>
Date: Mon, 2 Dec 2024 11:46:35 +0100
Subject: [PATCH] Add architecture image

Signed-off-by: Ondra Machacek <omachace@redhat.com>
---
 README.md        |  5 +++++
 doc/img/flow.mmd | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 doc/img/flow.svg |  1 +
 3 files changed, 52 insertions(+)
 create mode 100644 doc/img/flow.mmd
 create mode 100644 doc/img/flow.svg

diff --git a/README.md b/README.md
index 86f8bd5..bba927f 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,7 @@
 # Assisted migration
 Plan migrations to OpenShift Virtualization from VMware.
+
+## Architecture
+
+### Flow chart
+![Flow Diagram](doc/img/flow.svg)
diff --git a/doc/img/flow.mmd b/doc/img/flow.mmd
new file mode 100644
index 0000000..0b056e7
--- /dev/null
+++ b/doc/img/flow.mmd
@@ -0,0 +1,46 @@
+graph TB
+    User((User))
+    MainUI[Migration Assessment UI]
+    Service[Migration Assessment Service]
+    AgentUI[Agent UI]
+    OVA[OVA Image]
+    Agent[Agent]
+    VCenter[(vCenter)]
+    Console[Assisted installer]
+    
+    subgraph Openshift-Console
+        Console
+    end
+
+    subgraph vCenter
+        VCenter
+        subgraph Agent VM OVA
+            AgentUI
+            Agent
+        end
+    end
+    
+    User-->| 1 - Generate OVA| MainUI
+    MainUI<--> |2 - Generate OVA| Service
+    Service-->|3 - Generates OVA| OVA
+    User<-->|4 - Downloads OVA| OVA
+    User-->|5 - Deploy OVA to| vCenter
+    Agent-->|6 - Registers with| Service
+    Service-->|7 - Display Agent IP| MainUI
+    User-->|8 - Enter vCenter credentials| AgentUI
+    AgentUI-->|9 - Execute collection of data | Agent
+    Agent<-->|10 - Fetch infrastructure data| VCenter
+    Agent-->|11 - Sends data to| Service
+    Service-->|12 - Display data| MainUI
+    User-->|13 - Create cluster | MainUI
+    MainUI-->|14 - Create cluster | Openshift-Console
+
+    classDef service fill:#f96,stroke:#333,stroke-width:2px
+    classDef ui fill:#9cf,stroke:#333,stroke-width:2px
+    classDef agent fill:#9f9,stroke:#333,stroke-width:2px
+    classDef infra fill:#fcf,stroke:#333,stroke-width:2px
+    
+    class Service service
+    class MainUI,AgentUI ui
+    class Agent agent
+    class VCenter infra
diff --git a/doc/img/flow.svg b/doc/img/flow.svg
new file mode 100644
index 0000000..5d0affb
--- /dev/null
+++ b/doc/img/flow.svg
@@ -0,0 +1 @@
+<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="0 0 1430.28125 816.796875" style="max-width: 1430.28px; background-color: white;" class="flowchart" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="my-svg"><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#my-svg .error-icon{fill:#552222;}#my-svg .error-text{fill:#552222;stroke:#552222;}#my-svg .edge-thickness-normal{stroke-width:1px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:#333333;stroke:#333333;}#my-svg .marker.cross{stroke:#333333;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#my-svg p{margin:0;}#my-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#my-svg .cluster-label text{fill:#333;}#my-svg .cluster-label span{color:#333;}#my-svg .cluster-label span p{background-color:transparent;}#my-svg .label text,#my-svg span{fill:#333;color:#333;}#my-svg .node rect,#my-svg .node circle,#my-svg .node ellipse,#my-svg .node polygon,#my-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#my-svg .rough-node .label text,#my-svg .node .label text,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-anchor:middle;}#my-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#my-svg .rough-node .label,#my-svg .node .label,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#my-svg .arrowheadPath{fill:#333333;}#my-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:#333333;fill:none;}#my-svg .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#my-svg .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#my-svg .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#my-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#my-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#my-svg .cluster text{fill:#333;}#my-svg .cluster span{color:#333;}#my-svg 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;}#my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#my-svg rect.text{fill:none;stroke-width:0;}#my-svg .icon-shape,#my-svg .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#my-svg .icon-shape p,#my-svg .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#my-svg .icon-shape rect,#my-svg .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#my-svg .service&gt;*{fill:#f96!important;stroke:#333!important;stroke-width:2px!important;}#my-svg .service span{fill:#f96!important;stroke:#333!important;stroke-width:2px!important;}#my-svg .ui&gt;*{fill:#9cf!important;stroke:#333!important;stroke-width:2px!important;}#my-svg .ui span{fill:#9cf!important;stroke:#333!important;stroke-width:2px!important;}#my-svg .agent&gt;*{fill:#9f9!important;stroke:#333!important;stroke-width:2px!important;}#my-svg .agent span{fill:#9f9!important;stroke:#333!important;stroke-width:2px!important;}#my-svg .infra&gt;*{fill:#fcf!important;stroke:#333!important;stroke-width:2px!important;}#my-svg .infra span{fill:#fcf!important;stroke:#333!important;stroke-width:2px!important;}</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="my-svg_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"/></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="my-svg_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"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="my-svg_flowchart-v2-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="my-svg_flowchart-v2-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></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="my-svg_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"/></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="my-svg_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"/></marker><g class="root"><g class="clusters"><g data-look="classic" id="vCenter" class="cluster"><rect height="528" width="534.015625" y="152.796875" x="8" style=""/><g transform="translate(246.921875, 152.796875)" class="cluster-label"><foreignObject height="24" width="56.171875"><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>vCenter</p></span></div></foreignObject></g></g><g data-look="classic" id="subGraph1" class="cluster"><rect height="256" width="429.265625" y="177.796875" x="58" style=""/><g transform="translate(222.8046875, 177.796875)" class="cluster-label"><foreignObject height="24" width="99.65625"><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>Agent VM OVA</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_User_MainUI_0" d="M797.543,41.907L777.021,52.222C756.499,62.537,715.454,83.167,694.932,101.648C674.41,120.13,674.41,136.464,674.41,148.797C674.41,161.13,674.41,169.464,674.41,182.297C674.41,195.13,674.41,212.464,674.41,233.797C674.41,255.13,674.41,280.464,710.218,301.265C746.025,322.067,817.64,338.337,853.448,346.472L889.256,354.607"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" marker-start="url(#my-svg_flowchart-v2-pointStart)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_MainUI_Service_1" d="M966.504,411.068L961.012,414.856C955.521,418.644,944.538,426.221,939.046,438.175C933.555,450.13,933.555,466.464,942.824,486.111C952.094,505.759,970.633,528.722,979.902,540.203L989.172,551.685"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_Service_OVA_2" d="M1023.172,632.797L1023.172,640.797C1023.172,648.797,1023.172,664.797,1023.172,678.964C1023.172,693.13,1023.172,705.464,1037.278,717.539C1051.385,729.615,1079.598,741.433,1093.705,747.342L1107.811,753.251"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" marker-start="url(#my-svg_flowchart-v2-pointStart)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_User_OVA_3" d="M845.602,35.056L930.644,46.513C1015.685,57.97,1185.768,80.883,1270.81,100.507C1355.852,120.13,1355.852,136.464,1355.852,148.797C1355.852,161.13,1355.852,169.464,1355.852,182.297C1355.852,195.13,1355.852,212.464,1355.852,233.797C1355.852,255.13,1355.852,280.464,1355.852,305.797C1355.852,331.13,1355.852,356.464,1355.852,377.797C1355.852,399.13,1355.852,416.464,1355.852,433.297C1355.852,450.13,1355.852,466.464,1355.852,493.13C1355.852,519.797,1355.852,556.797,1355.852,589.797C1355.852,622.797,1355.852,651.797,1355.852,672.464C1355.852,693.13,1355.852,705.464,1337.733,718.076C1319.614,730.689,1283.377,743.581,1265.258,750.027L1247.14,756.473"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_Agent_Service_5" d="M281.487,408.797L286.282,412.964C291.077,417.13,300.667,425.464,305.463,437.797C310.258,450.13,310.258,466.464,406.751,489.654C503.245,512.845,696.232,542.893,792.726,557.917L889.219,572.941"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_Service_MainUI_6" d="M1044.656,554.797L1051.267,542.797C1057.878,530.797,1071.099,506.797,1077.71,486.63C1084.32,466.464,1084.32,450.13,1078.829,438.175C1073.337,426.221,1062.354,418.644,1056.863,414.856L1051.371,411.068"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_User_AgentUI_7" d="M795.182,33.874L685.652,45.528C576.121,57.182,357.061,80.489,247.53,100.31C138,120.13,138,136.464,138,148.797C138,161.13,138,169.464,146.402,177.517C154.805,185.57,171.61,193.344,180.012,197.231L188.415,201.118"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_AgentUI_Agent_8" d="M250.414,256.797L250.414,264.964C250.414,273.13,250.414,289.464,250.414,305.13C250.414,320.797,250.414,335.797,250.414,343.297L250.414,350.797"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" marker-start="url(#my-svg_flowchart-v2-pointStart)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_Agent_VCenter_9" d="M196.092,404.872L184.743,409.693C173.395,414.514,150.697,424.155,139.349,437.143C128,450.13,128,466.464,128,486.946C128,507.428,128,532.06,128,544.376L128,556.692"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_Agent_Service_10" d="M301.055,394.527L327.09,401.072C353.125,407.617,405.195,420.707,431.23,435.419C457.266,450.13,457.266,466.464,529.262,488.752C601.259,511.041,745.253,539.284,817.25,553.406L889.247,567.528"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_Service_MainUI_11" d="M1097.022,554.797L1119.745,542.797C1142.467,530.797,1187.913,506.797,1210.636,486.63C1233.359,466.464,1233.359,450.13,1215.902,437.919C1198.445,425.707,1163.53,417.617,1146.073,413.572L1128.616,409.527"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_User_MainUI_12" d="M841.445,35.72L901.818,47.066C962.19,58.412,1082.935,81.105,1143.307,100.617C1203.68,120.13,1203.68,136.464,1203.68,148.797C1203.68,161.13,1203.68,169.464,1203.68,182.297C1203.68,195.13,1203.68,212.464,1203.68,233.797C1203.68,255.13,1203.68,280.464,1183.374,301.055C1163.069,321.645,1122.459,337.494,1102.154,345.418L1081.849,353.343"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_User_vCenter_4" d="M795.051,35.387L728.169,46.789C661.288,58.19,527.525,80.994,460.643,99.895C393.762,118.797,393.762,133.797,393.762,141.297L393.762,148.797"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_MainUI_Openshift-Console_13" d="M893.156,401.612L861.813,406.976C830.469,412.34,767.781,423.068,736.438,436.599C705.094,450.13,705.094,466.464,705.094,482.13C705.094,497.797,705.094,512.797,705.094,520.297L705.094,527.797"/></g><g class="edgeLabels"><g transform="translate(674.41015625, 229.796875)" class="edgeLabel"><g transform="translate(-61.7109375, -12)" class="label"><foreignObject height="24" width="123.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>1 - Generate OVA</p></span></div></foreignObject></g></g><g transform="translate(933.5546875, 482.796875)" class="edgeLabel"><g transform="translate(-61.7109375, -12)" class="label"><foreignObject height="24" width="123.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>2 - Generate OVA</p></span></div></foreignObject></g></g><g transform="translate(1023.171875, 717.796875)" class="edgeLabel"><g transform="translate(-64.953125, -12)" class="label"><foreignObject height="24" width="129.90625"><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>3 - Generates OVA</p></span></div></foreignObject></g></g><g transform="translate(1355.8515625, 381.796875)" class="edgeLabel"><g transform="translate(-66.4296875, -12)" class="label"><foreignObject height="24" width="132.859375"><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>4 - Downloads OVA</p></span></div></foreignObject></g></g><g transform="translate(310.2578125, 482.796875)" class="edgeLabel"><g transform="translate(-62.2578125, -12)" class="label"><foreignObject height="24" width="124.515625"><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>6 - Registers with</p></span></div></foreignObject></g></g><g transform="translate(1084.3203125, 482.796875)" class="edgeLabel"><g transform="translate(-69.0546875, -12)" class="label"><foreignObject height="24" width="138.109375"><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>7 - Display Agent IP</p></span></div></foreignObject></g></g><g transform="translate(138, 103.796875)" class="edgeLabel"><g transform="translate(-100, -24)" class="label"><foreignObject height="48" width="200"><div style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>8 - Enter vCenter credentials</p></span></div></foreignObject></g></g><g transform="translate(250.4140625, 305.796875)" class="edgeLabel"><g transform="translate(-100, -24)" class="label"><foreignObject height="48" width="200"><div style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>9 - Execute collection of data</p></span></div></foreignObject></g></g><g transform="translate(128, 482.796875)" class="edgeLabel"><g transform="translate(-100, -24)" class="label"><foreignObject height="48" width="200"><div style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>10 - Fetch infrastructure data</p></span></div></foreignObject></g></g><g transform="translate(457.265625, 482.796875)" class="edgeLabel"><g transform="translate(-64.75, -12)" class="label"><foreignObject height="24" width="129.5"><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>11 - Sends data to</p></span></div></foreignObject></g></g><g transform="translate(1233.359375, 482.796875)" class="edgeLabel"><g transform="translate(-59.984375, -12)" class="label"><foreignObject height="24" width="119.96875"><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>12 - Display data</p></span></div></foreignObject></g></g><g transform="translate(1203.6796875, 229.796875)" class="edgeLabel"><g transform="translate(-67.1328125, -12)" class="label"><foreignObject height="24" width="134.265625"><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>13 - Create cluster</p></span></div></foreignObject></g></g><g transform="translate(570.25468, 73.70931)" class="edgeLabel"><g transform="translate(-62.1171875, -12)" class="label"><foreignObject height="24" width="124.234375"><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>5 - Deploy OVA to</p></span></div></foreignObject></g></g><g transform="translate(705.09375, 482.796875)" class="edgeLabel"><g transform="translate(-67.1328125, -12)" class="label"><foreignObject height="24" width="134.265625"><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>14 - Create cluster</p></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(569.015625, 523.796875)" class="root"><g class="clusters"><g data-look="classic" id="Openshift-Console" class="cluster"><rect height="124" width="256.15625" y="8" x="8" style=""/><g transform="translate(70.8359375, 8)" class="cluster-label"><foreignObject height="24" width="130.484375"><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>Openshift-Console</p></span></div></foreignObject></g></g></g><g class="edgePaths"/><g class="edgeLabels"/><g class="nodes"><g transform="translate(136.078125, 70)" id="flowchart-Console-7" class="node default"><rect height="54" width="181.15625" y="-27" x="-90.578125" style="" class="basic label-container"/><g transform="translate(-60.578125, -12)" style="" class="label"><rect/><foreignObject height="24" width="121.15625"><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>Assisted installer</p></span></div></foreignObject></g></g></g></g><g transform="translate(818.44921875, 31.3984375)" id="flowchart-User-0" class="node default"><circle cy="0" cx="0" r="23.3984375" style="" class="basic label-container"/><g transform="translate(-15.8984375, -12)" style="" class="label"><rect/><foreignObject height="24" width="31.796875"><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>User</p></span></div></foreignObject></g></g><g transform="translate(1008.9375, 381.796875)" id="flowchart-MainUI-1" class="node default ui"><rect height="54" width="231.5625" y="-27" x="-115.78125" style="fill:#9cf !important;stroke:#333 !important;stroke-width:2px !important" class="basic label-container"/><g transform="translate(-85.78125, -12)" style="" class="label"><rect/><foreignObject height="24" width="171.5625"><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>Migration Assessment UI</p></span></div></foreignObject></g></g><g transform="translate(1023.171875, 593.796875)" id="flowchart-Service-2" class="node default service"><rect height="78" width="260" y="-39" x="-130" style="fill:#f96 !important;stroke:#333 !important;stroke-width:2px !important" class="basic label-container"/><g transform="translate(-100, -24)" style="" class="label"><rect/><foreignObject height="48" width="200"><div style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Migration Assessment Service</p></span></div></foreignObject></g></g><g transform="translate(250.4140625, 229.796875)" id="flowchart-AgentUI-3" class="node default ui"><rect height="54" width="120.9375" y="-27" x="-60.46875" style="fill:#9cf !important;stroke:#333 !important;stroke-width:2px !important" class="basic label-container"/><g transform="translate(-30.46875, -12)" style="" class="label"><rect/><foreignObject height="24" width="60.9375"><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>Agent UI</p></span></div></foreignObject></g></g><g transform="translate(1175.95703125, 781.796875)" id="flowchart-OVA-4" class="node default"><rect height="54" width="134.828125" y="-27" x="-67.4140625" style="" class="basic label-container"/><g transform="translate(-37.4140625, -12)" style="" class="label"><rect/><foreignObject height="24" width="74.828125"><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>OVA Image</p></span></div></foreignObject></g></g><g transform="translate(250.4140625, 381.796875)" id="flowchart-Agent-5" class="node default agent"><rect height="54" width="101.28125" y="-27" x="-50.640625" style="fill:#9f9 !important;stroke:#333 !important;stroke-width:2px !important" class="basic label-container"/><g transform="translate(-20.640625, -12)" style="" class="label"><rect/><foreignObject height="24" width="41.28125"><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>Agent</p></span></div></foreignObject></g></g><g transform="translate(128, 593.796875)" id="flowchart-VCenter-6" class="node default infra"><path transform="translate(-35.5859375, -33.10513739545998)" style="fill:#fcf !important;stroke:#333 !important;stroke-width:2px !important" class="basic label-container" d="M0,9.070091596973318 a35.5859375,9.070091596973318 0,0,0 71.171875,0 a35.5859375,9.070091596973318 0,0,0 -71.171875,0 l0,48.07009159697332 a35.5859375,9.070091596973318 0,0,0 71.171875,0 l0,-48.07009159697332"/><g transform="translate(-28.0859375, -2)" style="" class="label"><rect/><foreignObject height="24" width="56.171875"><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>vCenter</p></span></div></foreignObject></g></g></g></g></g></svg>
\ No newline at end of file