diff --git a/serverlessworkflow/modules/ROOT/assets/images/cloud/apisix-keycloak/SonataFlow-Apisix-Keycloak.drawio b/serverlessworkflow/modules/ROOT/assets/images/cloud/apisix-keycloak/SonataFlow-Apisix-Keycloak.drawio
new file mode 100644
index 000000000..1d178d428
--- /dev/null
+++ b/serverlessworkflow/modules/ROOT/assets/images/cloud/apisix-keycloak/SonataFlow-Apisix-Keycloak.drawio
@@ -0,0 +1,52 @@
+<mxfile host="app.diagrams.net" modified="2024-04-05T20:27:34.957Z" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36" etag="3HWgvx48M6thK74tnyBa" version="24.2.2" type="google">
+  <diagram name="Página-1" id="CqzFufLg_pr2HWkyKqtd">
+    <mxGraphModel grid="1" page="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="vT6yfp5O44col5OBctIR-5" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="vT6yfp5O44col5OBctIR-1" target="vT6yfp5O44col5OBctIR-4">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="vT6yfp5O44col5OBctIR-1" value="User" style="shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;outlineConnect=0;" vertex="1" parent="1">
+          <mxGeometry x="70" y="180" width="30" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="vT6yfp5O44col5OBctIR-10" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.25;exitDx=0;exitDy=0;entryX=0;entryY=0.25;entryDx=0;entryDy=0;" edge="1" parent="1" source="vT6yfp5O44col5OBctIR-4" target="vT6yfp5O44col5OBctIR-6">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="vT6yfp5O44col5OBctIR-14" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" edge="1" parent="1" source="vT6yfp5O44col5OBctIR-4" target="vT6yfp5O44col5OBctIR-13">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="vT6yfp5O44col5OBctIR-4" value="APISIX Ingress" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="190" y="180" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="vT6yfp5O44col5OBctIR-8" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="vT6yfp5O44col5OBctIR-6" target="vT6yfp5O44col5OBctIR-7">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="vT6yfp5O44col5OBctIR-12" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.75;exitDx=0;exitDy=0;entryX=1;entryY=0.75;entryDx=0;entryDy=0;" edge="1" parent="1" source="vT6yfp5O44col5OBctIR-6" target="vT6yfp5O44col5OBctIR-4">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="vT6yfp5O44col5OBctIR-6" value="Keycloak" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="420" y="180" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="vT6yfp5O44col5OBctIR-7" value="PostgreSQL" style="shape=cylinder3;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;size=15;" vertex="1" parent="1">
+          <mxGeometry x="590" y="170" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="vT6yfp5O44col5OBctIR-13" value="Workflow Application" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="190" y="300" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="vT6yfp5O44col5OBctIR-15" value="1" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#D4E1F5;" vertex="1" parent="1">
+          <mxGeometry x="140" y="180" width="20" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="vT6yfp5O44col5OBctIR-16" value="2" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#D4E1F5;" vertex="1" parent="1">
+          <mxGeometry x="350" y="170" width="20" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="vT6yfp5O44col5OBctIR-17" value="3" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#D4E1F5;" vertex="1" parent="1">
+          <mxGeometry x="350" y="230" width="20" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="vT6yfp5O44col5OBctIR-18" value="4" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#D4E1F5;" vertex="1" parent="1">
+          <mxGeometry x="220" y="260" width="20" height="20" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>