diff --git a/docs/custom-ui/README.md b/docs/custom-ui/README.md
index 7a814de187..3039405a61 100644
--- a/docs/custom-ui/README.md
+++ b/docs/custom-ui/README.md
@@ -10,6 +10,8 @@ Custom UI needs to be deployed in a service. Based on the configuration (details
 
 ## Architecture graph
 
+![Architecture graph](./assets/architecture-diagram.svg)
+
 ## What to remember?
 
 - UI can be crated in any technology - but please don’t use deprecated technologies (like ‘create-react-app’)
diff --git a/docs/custom-ui/assets/architecture-diagram.svg b/docs/custom-ui/assets/architecture-diagram.svg
new file mode 100644
index 0000000000..ba245bd2db
--- /dev/null
+++ b/docs/custom-ui/assets/architecture-diagram.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Do not edit this file with editors other than draw.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="561px" height="798px" viewBox="-0.5 -0.5 561 798" content="&lt;mxfile host=&quot;Electron&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/24.7.17 Chrome/128.0.6613.36 Electron/32.0.1 Safari/537.36&quot; version=&quot;24.7.17&quot;&gt;&#10;  &lt;diagram id=&quot;5mppB95YNu8-MVLWrWg6&quot; name=&quot;Page-1&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;1311&quot; dy=&quot;547&quot; grid=&quot;1&quot; gridSize=&quot;10&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;827&quot; pageHeight=&quot;1169&quot; background=&quot;#ffffff&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-1&quot; value=&quot;Busola&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#D4E1F5;labelPosition=center;verticalLabelPosition=top;align=center;verticalAlign=bottom;strokeColor=none;fontStyle=1;fontSize=15;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;30&quot; y=&quot;60&quot; width=&quot;560&quot; height=&quot;196&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-25&quot; value=&quot;&amp;lt;span style=&amp;quot;font-weight: normal;&amp;quot;&amp;gt;&amp;lt;font style=&amp;quot;font-size: 13px;&amp;quot;&amp;gt;iframe src=api/v1/namespaces/{NAMESPACE}/services/{SERVICE}:{SERVICE_PORT}/proxy/{PATH}&amp;lt;/font&amp;gt;&amp;lt;/span&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;labelPosition=center;verticalLabelPosition=middle;align=center;verticalAlign=top;strokeColor=#82b366;fontStyle=1;fontSize=15;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;47&quot; y=&quot;78.49&quot; width=&quot;360&quot; height=&quot;160&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-19&quot; value=&quot;K8s Api-Server&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#D4E1F5;labelPosition=center;verticalLabelPosition=top;align=center;verticalAlign=bottom;strokeColor=none;fontStyle=1;fontSize=15;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;30&quot; y=&quot;575.99&quot; width=&quot;560&quot; height=&quot;93&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-2&quot; value=&quot;&amp;lt;i&amp;gt;Loaded Web application&amp;lt;/i&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fontSize=13;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;180&quot; y=&quot;162.49&quot; width=&quot;188&quot; height=&quot;55&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-3&quot; value=&quot;Busola Backend&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#D4E1F5;labelPosition=center;verticalLabelPosition=top;align=center;verticalAlign=bottom;strokeColor=none;fontStyle=1;fontSize=15;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;30&quot; y=&quot;348.49&quot; width=&quot;560&quot; height=&quot;180&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-4&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.157;entryY=0.002;entryDx=0;entryDy=0;strokeColor=#666666;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;textDirection=ltr;exitX=0.197;exitY=0.992;exitDx=0;exitDy=0;entryPerimeter=0;exitPerimeter=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;iL2dxoOArd883MeQtnWt-25&quot; target=&quot;iL2dxoOArd883MeQtnWt-3&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;200&quot; y=&quot;255.99&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;200&quot; y=&quot;379.99&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-28&quot; value=&quot;load web application&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; vertex=&quot;1&quot; connectable=&quot;0&quot; parent=&quot;iL2dxoOArd883MeQtnWt-4&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-0.3283&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;1&quot; y=&quot;24&quot; as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-6&quot; value=&quot;&amp;lt;i&amp;gt;K8s Auth Cookies from Busola&amp;lt;/i&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fontSize=13;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;445&quot; y=&quot;133.49&quot; width=&quot;140&quot; height=&quot;50&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-7&quot; style=&quot;endArrow=classic;html=1;strokeWidth=1;fontFamily=Helvetica;fontSize=15;fontColor=#000000;exitX=1;exitY=0.5;exitDx=0;exitDy=0;dashed=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#666666;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;iL2dxoOArd883MeQtnWt-25&quot; target=&quot;iL2dxoOArd883MeQtnWt-6&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;334&quot; y=&quot;214.71&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;406&quot; y=&quot;214.71&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-8&quot; value=&quot;uses&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;&quot; vertex=&quot;1&quot; connectable=&quot;0&quot; parent=&quot;iL2dxoOArd883MeQtnWt-7&quot;&gt;&#10;          &lt;mxGeometry x=&quot;0.034&quot; y=&quot;-1&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;-6&quot; y=&quot;-14&quot; as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-10&quot; value=&quot;BTP Manager&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fillColor=#D4E1F5;labelPosition=center;verticalLabelPosition=top;align=center;verticalAlign=bottom;strokeColor=none;fontStyle=1;fontSize=15;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;locked=0;connectable=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;30&quot; y=&quot;743.99&quot; width=&quot;560&quot; height=&quot;93&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-11&quot; value=&quot;&amp;lt;div style=&amp;quot;font-size: 13px;&amp;quot;&amp;gt;UI&amp;lt;/div&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fontSize=13;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;locked=0;connectable=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;153.5&quot; y=&quot;760.49&quot; width=&quot;140&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-12&quot; value=&quot;&amp;lt;div style=&amp;quot;font-size: 13px;&amp;quot;&amp;gt;REST api/Backend&amp;lt;/div&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fontSize=13;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;locked=0;connectable=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;390&quot; y=&quot;760.49&quot; width=&quot;140&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-13&quot; value=&quot;&quot; style=&quot;endArrow=classic;html=1;strokeColor=#666666;strokeWidth=1;entryX=0.25;entryY=0;entryDx=0;entryDy=0;exitX=0.25;exitY=1;exitDx=0;exitDy=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;iL2dxoOArd883MeQtnWt-3&quot; target=&quot;iL2dxoOArd883MeQtnWt-19&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;209.5&quot; y=&quot;558.49&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;210.5&quot; y=&quot;662.49&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-14&quot; value=&quot;calls&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;fontSize=12;&quot; vertex=&quot;1&quot; connectable=&quot;0&quot; parent=&quot;iL2dxoOArd883MeQtnWt-13&quot;&gt;&#10;          &lt;mxGeometry x=&quot;0.0234&quot; y=&quot;1&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;-30&quot; as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-20&quot; value=&quot;&amp;lt;div style=&amp;quot;font-size: 13px;&amp;quot;&amp;gt;api/v1/namespaces/{NAMESPACE}/services/{SERVICE}:{SERVICE_PORT}/proxy/{PATH}&amp;lt;/div&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fontSize=13;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;locked=0;connectable=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;140.5&quot; y=&quot;590.49&quot; width=&quot;420&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-21&quot; value=&quot;extract K8s Auth cookies&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fontSize=13;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;240&quot; y=&quot;365.49&quot; width=&quot;140&quot; height=&quot;50&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-22&quot; value=&quot;Do request to api server with k8s Auth headers extracted from cookies&amp;amp;nbsp;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fontSize=13;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;240&quot; y=&quot;426.99&quot; width=&quot;140&quot; height=&quot;71&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-23&quot; value=&quot;&quot; style=&quot;endArrow=classic;html=1;strokeColor=#666666;strokeWidth=1;exitX=0.25;exitY=1;exitDx=0;exitDy=0;entryX=0.25;entryY=0;entryDx=0;entryDy=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;iL2dxoOArd883MeQtnWt-19&quot; target=&quot;iL2dxoOArd883MeQtnWt-10&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;200&quot; y=&quot;721.49&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;200.5&quot; y=&quot;810.49&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-24&quot; value=&quot;calls&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;fontSize=12;&quot; vertex=&quot;1&quot; connectable=&quot;0&quot; parent=&quot;iL2dxoOArd883MeQtnWt-23&quot;&gt;&#10;          &lt;mxGeometry x=&quot;0.0234&quot; y=&quot;1&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;-30&quot; as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-26&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.351;entryY=0.012;entryDx=0;entryDy=0;entryPerimeter=0;exitX=0.25;exitY=1;exitDx=0;exitDy=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;iL2dxoOArd883MeQtnWt-2&quot; target=&quot;iL2dxoOArd883MeQtnWt-3&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iL2dxoOArd883MeQtnWt-29&quot; value=&quot;network call to any service via busola backend&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; vertex=&quot;1&quot; connectable=&quot;0&quot; parent=&quot;iL2dxoOArd883MeQtnWt-26&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-0.1905&quot; y=&quot;1&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;123&quot; y=&quot;19&quot; as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;&lt;/mxfile&gt;&#10;" style="background-color: rgb(255, 255, 255);"><defs/><rect fill="#ffffff" width="100%" height="100%" x="0" y="0"/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="iL2dxoOArd883MeQtnWt-1"><g><rect x="0" y="20" width="560" height="196" rx="29.4" ry="29.4" fill="#d4e1f5" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe center; width: 558px; height: 1px; padding-top: 17px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 15px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Busola</div></div></div></foreignObject><text x="280" y="17" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="15px" text-anchor="middle" font-weight="bold">Busola</text></switch></g></g></g><g data-cell-id="iL2dxoOArd883MeQtnWt-25"><g><rect x="17" y="38.49" width="360" height="160" rx="24" ry="24" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 358px; height: 1px; padding-top: 45px; margin-left: 18px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 15px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;"><span style="font-weight: normal;"><font style="font-size: 13px;">iframe src=api/v1/namespaces/{NAMESPACE}/services/{SERVICE}:{SERVICE_PORT}/proxy/{PATH}</font></span></div></div></div></foreignObject><text x="197" y="60" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="15px" text-anchor="middle" font-weight="bold">iframe src=api/v1/namespaces/{NAMESPACE}/service...</text></switch></g></g></g><g data-cell-id="iL2dxoOArd883MeQtnWt-19"><g><rect x="0" y="535.99" width="560" height="93" rx="13.95" ry="13.95" fill="#d4e1f5" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe center; width: 558px; height: 1px; padding-top: 533px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 15px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">K8s Api-Server</div></div></div></foreignObject><text x="280" y="533" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="15px" text-anchor="middle" font-weight="bold">K8s Api-Server</text></switch></g></g></g><g data-cell-id="iL2dxoOArd883MeQtnWt-2"><g><rect x="150" y="122.49" width="188" height="55" rx="8.25" ry="8.25" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 186px; height: 1px; padding-top: 150px; margin-left: 151px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 13px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><i>Loaded Web application</i></div></div></div></foreignObject><text x="244" y="154" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="13px" text-anchor="middle">Loaded Web application</text></switch></g></g></g><g data-cell-id="iL2dxoOArd883MeQtnWt-3"><g><rect x="0" y="308.49" width="560" height="180" rx="27" ry="27" fill="#d4e1f5" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe center; width: 558px; height: 1px; padding-top: 305px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 15px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Busola Backend</div></div></div></foreignObject><text x="280" y="305" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="15px" text-anchor="middle" font-weight="bold">Busola Backend</text></switch></g></g></g><g data-cell-id="iL2dxoOArd883MeQtnWt-4"><g><path d="M 87.92 197.21 L 87.92 302.48" fill="none" stroke="#666666" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 87.92 307.73 L 84.42 300.73 L 87.92 302.48 L 91.42 300.73 Z" fill="#666666" stroke="#666666" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="iL2dxoOArd883MeQtnWt-28"><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 259px; margin-left: 89px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">load web application</div></div></div></foreignObject><text x="89" y="262" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">load web application</text></switch></g></g></g></g><g data-cell-id="iL2dxoOArd883MeQtnWt-6"><g><rect x="415" y="93.49" width="140" height="50" rx="7.5" ry="7.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 118px; margin-left: 416px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 13px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><i>K8s Auth Cookies from Busola</i></div></div></div></foreignObject><text x="485" y="122" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="13px" text-anchor="middle">K8s Auth Cookies from...</text></switch></g></g></g><g data-cell-id="iL2dxoOArd883MeQtnWt-7"><g><path d="M 377 118.49 L 408.63 118.49" fill="none" stroke="#666666" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 413.88 118.49 L 406.88 121.99 L 408.63 118.49 L 406.88 114.99 Z" fill="#666666" stroke="#666666" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="iL2dxoOArd883MeQtnWt-8"><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 106px; margin-left: 391px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">uses</div></div></div></foreignObject><text x="391" y="109" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">uses</text></switch></g></g></g></g><g data-cell-id="iL2dxoOArd883MeQtnWt-10"><g><rect x="0" y="703.99" width="560" height="93" rx="13.95" ry="13.95" fill="#d4e1f5" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe center; width: 558px; height: 1px; padding-top: 701px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 15px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">BTP Manager</div></div></div></foreignObject><text x="280" y="701" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="15px" text-anchor="middle" font-weight="bold">BTP Manager</text></switch></g></g></g><g data-cell-id="iL2dxoOArd883MeQtnWt-11"><g><rect x="123.5" y="720.49" width="140" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 750px; margin-left: 125px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 13px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div style="font-size: 13px;">UI</div></div></div></div></foreignObject><text x="194" y="754" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="13px" text-anchor="middle">UI</text></switch></g></g></g><g data-cell-id="iL2dxoOArd883MeQtnWt-12"><g><rect x="360" y="720.49" width="140" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 750px; margin-left: 361px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 13px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div style="font-size: 13px;">REST api/Backend</div></div></div></div></foreignObject><text x="430" y="754" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="13px" text-anchor="middle">REST api/Backend</text></switch></g></g></g><g data-cell-id="iL2dxoOArd883MeQtnWt-13"><g><path d="M 140 488.49 L 140 529.62" fill="none" stroke="#666666" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 140 534.87 L 136.5 527.87 L 140 529.62 L 143.5 527.87 Z" fill="#666666" stroke="#666666" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="iL2dxoOArd883MeQtnWt-14"><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 513px; margin-left: 111px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">calls</div></div></div></foreignObject><text x="111" y="516" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">calls</text></switch></g></g></g></g><g data-cell-id="iL2dxoOArd883MeQtnWt-20"><g><rect x="110.5" y="550.49" width="420" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 418px; height: 1px; padding-top: 580px; margin-left: 111px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 13px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div style="font-size: 13px;">api/v1/namespaces/{NAMESPACE}/services/{SERVICE}:{SERVICE_PORT}/proxy/{PATH}</div></div></div></div></foreignObject><text x="321" y="584" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="13px" text-anchor="middle">api/v1/namespaces/{NAMESPACE}/services/{SERVICE}:{SERVICE_PORT}/p...</text></switch></g></g></g><g data-cell-id="iL2dxoOArd883MeQtnWt-21"><g><rect x="210" y="325.49" width="140" height="50" rx="7.5" ry="7.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 350px; margin-left: 211px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 13px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">extract K8s Auth cookies</div></div></div></foreignObject><text x="280" y="354" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="13px" text-anchor="middle">extract K8s Auth cook...</text></switch></g></g></g><g data-cell-id="iL2dxoOArd883MeQtnWt-22"><g><rect x="210" y="386.99" width="140" height="71" rx="10.65" ry="10.65" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 422px; margin-left: 211px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 13px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Do request to api server with k8s Auth headers extracted from cookies </div></div></div></foreignObject><text x="280" y="426" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="13px" text-anchor="middle">Do request to api ser...</text></switch></g></g></g><g data-cell-id="iL2dxoOArd883MeQtnWt-23"><g><path d="M 140 628.99 L 140 697.62" fill="none" stroke="#666666" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 140 702.87 L 136.5 695.87 L 140 697.62 L 143.5 695.87 Z" fill="#666666" stroke="#666666" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="iL2dxoOArd883MeQtnWt-24"><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 667px; margin-left: 111px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">calls</div></div></div></foreignObject><text x="111" y="671" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">calls</text></switch></g></g></g></g><g data-cell-id="iL2dxoOArd883MeQtnWt-26"><g><path d="M 197 177.49 L 197 243 L 196.6 304.28" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 196.57 309.53 L 193.11 302.51 L 196.6 304.28 L 200.11 302.55 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="iL2dxoOArd883MeQtnWt-29"><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 251px; margin-left: 321px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">network call to any service via busola backend</div></div></div></foreignObject><text x="321" y="254" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">network call to any service via busola backend</text></switch></g></g></g></g></g></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
\ No newline at end of file
diff --git a/src/components/Externals/Externals.js b/src/components/Externals/Externals.js
index 1f48e2e1f5..909ac267c2 100644
--- a/src/components/Externals/Externals.js
+++ b/src/components/Externals/Externals.js
@@ -4,7 +4,7 @@ export default function Externals() {
       id="custom-extension"
       title="Custom extesnion"
       width="100%"
-      height="50%"
+      height="100%"
       src="http://localhost:3001/backend/api/v1/namespaces/kyma-system/services/btp-manager-metrics-service:8080/proxy/"
     />
   );