<?xml version="1.0" encoding="UTF-8"?>
<mxfile host="bausteinsicht" compressed="false">
  <diagram id="view-context" name="System Context">
    <mxGraphModel dx="1422" dy="794" grid="1" gridSize="10" page="1" pageWidth="1169" pageHeight="827" background="#ffffff">
      <root>
        <mxCell id="0"/>
        <mxCell id="1" parent="0"/>
        <object id="context--customer" bausteinsicht_id="customer" bausteinsicht_kind="actor">
          <mxCell style="fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#000000;fontSize=12;whiteSpace=wrap;html=1;align=center;verticalAlign=middle;container=1;shape=mxgraph.archimate3.actor" vertex="1" parent="1">
            <mxGeometry x="70" y="40" width="60" height="80" as="geometry"/>
          </mxCell>
        </object>
        <mxCell id="context--customer-title" value="Customer" style="text;html=1;fontSize=13;fontStyle=1;fontColor=#6c8ebf;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="context--customer">
          <mxGeometry x="0" y="0" width="60" height="24" as="geometry"/>
        </mxCell>
        <object id="context--platform" bausteinsicht_id="platform" bausteinsicht_kind="frontend" link="data:page/id,view-containers">
          <mxCell style="fillColor=#e1d5e7;strokeColor=#9673a6;fontColor=#000000;fontSize=12;whiteSpace=wrap;html=1;align=center;verticalAlign=middle;container=1;rounded=1" vertex="1" parent="1">
            <mxGeometry x="40" y="180" width="120" height="60" as="geometry"/>
          </mxCell>
        </object>
        <mxCell id="context--platform-title" value="Platform" style="text;html=1;fontSize=13;fontStyle=1;fontColor=#9673a6;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="context--platform">
          <mxGeometry x="0" y="0" width="120" height="24" as="geometry"/>
        </mxCell>
        <object id="context--stripe" bausteinsicht_id="stripe" bausteinsicht_kind="external">
          <mxCell style="fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#000000;fontSize=12;whiteSpace=wrap;html=1;align=center;verticalAlign=middle;container=1;rounded=1" vertex="1" parent="1">
            <mxGeometry x="40" y="300" width="120" height="60" as="geometry"/>
          </mxCell>
        </object>
        <mxCell id="context--stripe-title" value="Stripe" style="text;html=1;fontSize=13;fontStyle=1;fontColor=#82b366;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="context--stripe">
          <mxGeometry x="0" y="0" width="120" height="24" as="geometry"/>
        </mxCell>
        <mxCell id="rel-context--customer-context--platform-0" value="kauft ein" style="edgeStyle=orthogonalEdgeStyle;rounded=1;orthogonalLoop=1;jettySize=auto;html=1;endArrow=block;endFill=1;strokeColor=#707070;fontColor=#707070;fontSize=11;strokeWidth=1.5;" edge="1" source="context--customer" target="context--platform" parent="1">
          <mxGeometry relative="1" as="geometry"/>
        </mxCell>
        <mxCell id="rel-context--platform-context--stripe-5" value="charge()" style="edgeStyle=orthogonalEdgeStyle;rounded=1;orthogonalLoop=1;jettySize=auto;html=1;endArrow=block;endFill=1;strokeColor=#707070;fontColor=#707070;fontSize=11;strokeWidth=1.5;" edge="1" source="context--platform" target="context--stripe" parent="1">
          <mxGeometry relative="1" as="geometry"/>
        </mxCell>
        <object label="&lt;b&gt;System Context&lt;/b&gt;&lt;br&gt;&lt;br&gt;&lt;font point-size=&quot;9&quot;&gt;Source: site/content/projekte/bausteinsicht/tutorial/examples/teil_27.jsonc&lt;br&gt;Last synced: 2026-08-10 03:49&lt;br&gt;Generated by Bausteinsicht&lt;/font&gt;" id="metadata-context">
          <mxCell style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=none;fontColor=#333333;fontSize=10;align=left;verticalAlign=top;" vertex="1" parent="1">
            <mxGeometry x="40" y="440" width="360" height="120" as="geometry"/>
          </mxCell>
        </object>
        <object label="&lt;b&gt;Legend&lt;/b&gt;&lt;br&gt;&lt;font color=&quot;#dae8fc&quot;&gt;■&lt;/font&gt; Actor&lt;br&gt;&lt;font color=&quot;#d5e8d4&quot;&gt;■&lt;/font&gt; Cloud&lt;br&gt;&lt;font color=&quot;#e1d5e7&quot;&gt;■&lt;/font&gt; Browser" id="legend-context">
          <mxCell style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=none;fontColor=#333333;fontSize=10;align=left;verticalAlign=top;" vertex="1" parent="1">
            <mxGeometry x="460" y="440" width="180" height="120" as="geometry"/>
          </mxCell>
        </object>
      </root>
    </mxGraphModel>
  </diagram>
  <diagram id="view-containers" name="Custom Shapes View">
    <mxGraphModel dx="1422" dy="794" grid="1" gridSize="10" page="1" pageWidth="1169" pageHeight="827" background="#ffffff">
      <root>
        <mxCell id="0"/>
        <mxCell id="1" parent="0"/>
        <object label="&lt;b&gt;Platform&lt;/b&gt;" id="containers--platform" bausteinsicht_id="platform" bausteinsicht_kind="frontend_boundary" link="data:page/id,view-containers">
          <mxCell style="swimlane;startSize=30;fillColor=none;strokeColor=#9673a6;fontColor=#9673a6;fontStyle=1;rounded=1;arcSize=5;whiteSpace=wrap;html=1;container=1;collapsible=0;dashed=1;dashPattern=8 4;fontSize=13;" vertex="1" parent="1">
            <mxGeometry x="40" y="160" width="580" height="450" as="geometry"/>
          </mxCell>
        </object>
        <object id="containers--platform.db" bausteinsicht_id="platform.db" bausteinsicht_kind="store" technology="PostgreSQL">
          <mxCell style="fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#000000;fontSize=12;whiteSpace=wrap;html=1;align=center;verticalAlign=middle;container=1;rounded=1" vertex="1" parent="containers--platform">
            <mxGeometry x="60" y="90" width="120" height="60" as="geometry"/>
          </mxCell>
        </object>
        <mxCell id="containers--platform.db-title" value="PostgreSQL" style="text;html=1;fontSize=13;fontStyle=1;fontColor=#82b366;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="containers--platform.db">
          <mxGeometry x="0" y="0" width="120" height="24" as="geometry"/>
        </mxCell>
        <mxCell id="containers--platform.db-tech" value="[PostgreSQL]" style="text;html=1;fontSize=10;fontStyle=2;fontColor=#666666;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="containers--platform.db">
          <mxGeometry x="0" y="24" width="120" height="18" as="geometry"/>
        </mxCell>
        <object id="containers--platform.emailworker" bausteinsicht_id="platform.emailworker" bausteinsicht_kind="worker" technology="Go">
          <mxCell style="fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#000000;fontSize=12;whiteSpace=wrap;html=1;align=center;verticalAlign=middle;container=1;rounded=1" vertex="1" parent="containers--platform">
            <mxGeometry x="240" y="90" width="120" height="60" as="geometry"/>
          </mxCell>
        </object>
        <mxCell id="containers--platform.emailworker-title" value="Email Worker" style="text;html=1;fontSize=13;fontStyle=1;fontColor=#82b366;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="containers--platform.emailworker">
          <mxGeometry x="0" y="0" width="120" height="24" as="geometry"/>
        </mxCell>
        <mxCell id="containers--platform.emailworker-tech" value="[Go]" style="text;html=1;fontSize=10;fontStyle=2;fontColor=#666666;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="containers--platform.emailworker">
          <mxGeometry x="0" y="24" width="120" height="18" as="geometry"/>
        </mxCell>
        <object id="containers--platform.eventbus" bausteinsicht_id="platform.eventbus" bausteinsicht_kind="queue" technology="Kafka">
          <mxCell style="fillColor=#f8cecc;strokeColor=#b85450;fontColor=#000000;fontSize=12;whiteSpace=wrap;html=1;align=center;verticalAlign=middle;container=1;shape=mxgraph.flowchart.process" vertex="1" parent="containers--platform">
            <mxGeometry x="60" y="210" width="120" height="60" as="geometry"/>
          </mxCell>
        </object>
        <mxCell id="containers--platform.eventbus-title" value="Event Bus" style="text;html=1;fontSize=13;fontStyle=1;fontColor=#b85450;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="containers--platform.eventbus">
          <mxGeometry x="0" y="0" width="120" height="24" as="geometry"/>
        </mxCell>
        <mxCell id="containers--platform.eventbus-tech" value="[Kafka]" style="text;html=1;fontSize=10;fontStyle=2;fontColor=#666666;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="containers--platform.eventbus">
          <mxGeometry x="0" y="24" width="120" height="18" as="geometry"/>
        </mxCell>
        <object id="containers--platform.redis" bausteinsicht_id="platform.redis" bausteinsicht_kind="cache" technology="Redis">
          <mxCell style="fillColor=#fff2cc;strokeColor=#d6b656;fontColor=#000000;fontSize=12;whiteSpace=wrap;html=1;align=center;verticalAlign=middle;container=1;shape=mxgraph.flowchart.stored_data" vertex="1" parent="containers--platform">
            <mxGeometry x="240" y="210" width="80" height="60" as="geometry"/>
          </mxCell>
        </object>
        <mxCell id="containers--platform.redis-title" value="Redis" style="text;html=1;fontSize=13;fontStyle=1;fontColor=#d6b656;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="containers--platform.redis">
          <mxGeometry x="0" y="0" width="80" height="24" as="geometry"/>
        </mxCell>
        <mxCell id="containers--platform.redis-tech" value="[Redis]" style="text;html=1;fontSize=10;fontStyle=2;fontColor=#666666;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="containers--platform.redis">
          <mxGeometry x="0" y="24" width="80" height="18" as="geometry"/>
        </mxCell>
        <object id="containers--platform.shopapi" bausteinsicht_id="platform.shopapi" bausteinsicht_kind="api" technology="Go">
          <mxCell style="fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#000000;fontSize=12;whiteSpace=wrap;html=1;align=center;verticalAlign=middle;container=1;rounded=1" vertex="1" parent="containers--platform">
            <mxGeometry x="380" y="210" width="120" height="60" as="geometry"/>
          </mxCell>
        </object>
        <mxCell id="containers--platform.shopapi-title" value="Shop API" style="text;html=1;fontSize=13;fontStyle=1;fontColor=#82b366;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="containers--platform.shopapi">
          <mxGeometry x="0" y="0" width="120" height="24" as="geometry"/>
        </mxCell>
        <mxCell id="containers--platform.shopapi-tech" value="[Go]" style="text;html=1;fontSize=10;fontStyle=2;fontColor=#666666;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="containers--platform.shopapi">
          <mxGeometry x="0" y="24" width="120" height="18" as="geometry"/>
        </mxCell>
        <object id="containers--platform.webapp" bausteinsicht_id="platform.webapp" bausteinsicht_kind="frontend" technology="React">
          <mxCell style="fillColor=#e1d5e7;strokeColor=#9673a6;fontColor=#000000;fontSize=12;whiteSpace=wrap;html=1;align=center;verticalAlign=middle;container=1;rounded=1" vertex="1" parent="containers--platform">
            <mxGeometry x="60" y="330" width="120" height="60" as="geometry"/>
          </mxCell>
        </object>
        <mxCell id="containers--platform.webapp-title" value="Web App" style="text;html=1;fontSize=13;fontStyle=1;fontColor=#9673a6;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="containers--platform.webapp">
          <mxGeometry x="0" y="0" width="120" height="24" as="geometry"/>
        </mxCell>
        <mxCell id="containers--platform.webapp-tech" value="[React]" style="text;html=1;fontSize=10;fontStyle=2;fontColor=#666666;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="containers--platform.webapp">
          <mxGeometry x="0" y="24" width="120" height="18" as="geometry"/>
        </mxCell>
        <object id="containers--stripe" bausteinsicht_id="stripe" bausteinsicht_kind="external">
          <mxCell style="fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#000000;fontSize=12;whiteSpace=wrap;html=1;align=center;verticalAlign=middle;container=1;rounded=1" vertex="1" parent="1">
            <mxGeometry x="270" y="670" width="120" height="60" as="geometry"/>
          </mxCell>
        </object>
        <mxCell id="containers--stripe-title" value="Stripe" style="text;html=1;fontSize=13;fontStyle=1;fontColor=#82b366;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="containers--stripe">
          <mxGeometry x="0" y="0" width="120" height="24" as="geometry"/>
        </mxCell>
        <mxCell id="rel-containers--platform.webapp-containers--platform.shopapi-1" value="REST calls" style="edgeStyle=orthogonalEdgeStyle;rounded=1;orthogonalLoop=1;jettySize=auto;html=1;endArrow=block;endFill=1;strokeColor=#707070;fontColor=#707070;fontSize=11;strokeWidth=1.5;" edge="1" source="containers--platform.webapp" target="containers--platform.shopapi" parent="1">
          <mxGeometry relative="1" as="geometry"/>
        </mxCell>
        <mxCell id="rel-containers--platform.shopapi-containers--platform.redis-2" value="cache lookup" style="edgeStyle=orthogonalEdgeStyle;rounded=1;orthogonalLoop=1;jettySize=auto;html=1;endArrow=block;endFill=1;strokeColor=#707070;fontColor=#707070;fontSize=11;strokeWidth=1.5;dashed=1;" edge="1" source="containers--platform.shopapi" target="containers--platform.redis" parent="1">
          <mxGeometry relative="1" as="geometry"/>
        </mxCell>
        <mxCell id="rel-containers--platform.shopapi-containers--platform.db-3" value="reads/writes" style="edgeStyle=orthogonalEdgeStyle;rounded=1;orthogonalLoop=1;jettySize=auto;html=1;endArrow=block;endFill=1;strokeColor=#707070;fontColor=#707070;fontSize=11;strokeWidth=1.5;" edge="1" source="containers--platform.shopapi" target="containers--platform.db" parent="1">
          <mxGeometry relative="1" as="geometry"/>
        </mxCell>
        <mxCell id="rel-containers--platform.shopapi-containers--platform.eventbus-4" value="order.created" style="edgeStyle=orthogonalEdgeStyle;rounded=1;orthogonalLoop=1;jettySize=auto;html=1;endArrow=block;endFill=1;strokeColor=#707070;fontColor=#707070;fontSize=11;strokeWidth=1.5;dashed=1;" edge="1" source="containers--platform.shopapi" target="containers--platform.eventbus" parent="1">
          <mxGeometry relative="1" as="geometry"/>
        </mxCell>
        <mxCell id="rel-containers--platform.shopapi-containers--stripe-5" value="charge()" style="edgeStyle=orthogonalEdgeStyle;rounded=1;orthogonalLoop=1;jettySize=auto;html=1;endArrow=block;endFill=1;strokeColor=#707070;fontColor=#707070;fontSize=11;strokeWidth=1.5;" edge="1" source="containers--platform.shopapi" target="containers--stripe" parent="1">
          <mxGeometry relative="1" as="geometry"/>
        </mxCell>
        <mxCell id="rel-containers--platform.emailworker-containers--platform.eventbus-6" value="subscribe" style="edgeStyle=orthogonalEdgeStyle;rounded=1;orthogonalLoop=1;jettySize=auto;html=1;endArrow=block;endFill=1;strokeColor=#707070;fontColor=#707070;fontSize=11;strokeWidth=1.5;dashed=1;" edge="1" source="containers--platform.emailworker" target="containers--platform.eventbus" parent="1">
          <mxGeometry relative="1" as="geometry"/>
        </mxCell>
        <object label="&amp;larr; System Context" id="nav-back-containers" link="data:page/id,view-context">
          <mxCell style="rounded=1;fillColor=#f8cecc;strokeColor=#b85450;html=1;fontSize=10;" vertex="1" parent="1">
            <mxGeometry x="20" y="20" width="140" height="30" as="geometry"/>
          </mxCell>
        </object>
        <object label="&lt;b&gt;Custom Shapes View&lt;/b&gt;&lt;br&gt;&lt;br&gt;&lt;font point-size=&quot;9&quot;&gt;Source: site/content/projekte/bausteinsicht/tutorial/examples/teil_27.jsonc&lt;br&gt;Last synced: 2026-08-10 03:49&lt;br&gt;Generated by Bausteinsicht&lt;/font&gt;" id="metadata-containers">
          <mxCell style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=none;fontColor=#333333;fontSize=10;align=left;verticalAlign=top;" vertex="1" parent="1">
            <mxGeometry x="40" y="810" width="372" height="120" as="geometry"/>
          </mxCell>
        </object>
        <object label="&lt;b&gt;Legend&lt;/b&gt;&lt;br&gt;&lt;font color=&quot;#d5e8d4&quot;&gt;■&lt;/font&gt; Hexagon&lt;br&gt;&lt;font color=&quot;#fff2cc&quot;&gt;■&lt;/font&gt; Cylinder (Cache)&lt;br&gt;&lt;font color=&quot;#d5e8d4&quot;&gt;■&lt;/font&gt; Cloud&lt;br&gt;&lt;font color=&quot;#e1d5e7&quot;&gt;■&lt;/font&gt; Browser&lt;br&gt;&lt;font color=&quot;#f8cecc&quot;&gt;■&lt;/font&gt; Parallelogram&lt;br&gt;&lt;font color=&quot;#d5e8d4&quot;&gt;■&lt;/font&gt; Cylinder&lt;br&gt;&lt;font color=&quot;#d5e8d4&quot;&gt;■&lt;/font&gt; Gear" id="legend-containers">
          <mxCell style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=none;fontColor=#333333;fontSize=10;align=left;verticalAlign=top;" vertex="1" parent="1">
            <mxGeometry x="474" y="810" width="186" height="120" as="geometry"/>
          </mxCell>
        </object>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>
