llm-wiki/raw/diagrams/ca-skeleton-frontend/architecture-overview-2026-07-18.drawio

<mxfile host="Codex" agent="wiki-workflow + diagram-standards v2 minimalist" version="24.0.0" type="device">
  <diagram name="ca-skeleton-frontend-overview" id="frontend-overview">
    <mxGraphModel dx="1000" dy="560" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1000" pageHeight="560" math="0" shadow="0">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />

        <mxCell id="title" value="&lt;b&gt;ca-skeleton frontend — compile-time dependency ownership&lt;/b&gt;&#10;Which source layer may depend on which owner?" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=18;fontStyle=0;fontFamily=Pretendard,Helvetica;fontColor=#57606A;" vertex="1" parent="1">
          <mxGeometry x="50" y="20" width="900" height="58" as="geometry" />
        </mxCell>

        <mxCell id="presentation" value="&lt;b&gt;Presentation&lt;/b&gt;&#10;Routes · UI state" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#57606A;strokeWidth=1.5;fontSize=12;fontFamily=Pretendard,Helvetica;fontColor=#57606A;align=center;verticalAlign=middle;" vertex="1" parent="1">
          <mxGeometry x="100" y="180" width="210" height="80" as="geometry" />
        </mxCell>

        <mxCell id="application" value="&lt;b&gt;Application&lt;/b&gt;&#10;Use cases · owned ports" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#57606A;strokeWidth=1.5;fontSize=12;fontFamily=Pretendard,Helvetica;fontColor=#57606A;align=center;verticalAlign=middle;" vertex="1" parent="1">
          <mxGeometry x="370" y="180" width="210" height="80" as="geometry" />
        </mxCell>

        <mxCell id="domain" value="&lt;b&gt;Domain&lt;/b&gt;&#10;Business policy" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#EFF6FF;strokeColor=#1F6FEB;strokeWidth=2.5;fontSize=12;fontFamily=Pretendard,Helvetica;fontColor=#1F6FEB;align=center;verticalAlign=middle;" vertex="1" parent="1">
          <mxGeometry x="640" y="180" width="210" height="80" as="geometry" />
        </mxCell>

        <mxCell id="composition-root" value="&lt;b&gt;Composition Root&lt;/b&gt;&#10;Bootstrap · wiring" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#57606A;strokeWidth=1.5;fontSize=12;fontFamily=Pretendard,Helvetica;fontColor=#57606A;align=center;verticalAlign=middle;" vertex="1" parent="1">
          <mxGeometry x="370" y="400" width="210" height="80" as="geometry" />
        </mxCell>

        <mxCell id="adapters" value="&lt;b&gt;Adapters&lt;/b&gt;&#10;HTTP · telemetry" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#57606A;strokeWidth=1.5;fontSize=12;fontFamily=Pretendard,Helvetica;fontColor=#57606A;align=center;verticalAlign=middle;" vertex="1" parent="1">
          <mxGeometry x="640" y="400" width="210" height="80" as="geometry" />
        </mxCell>

        <mxCell id="dep-presentation-application" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;entryX=0;entryY=0.5;strokeColor=#57606A;strokeWidth=1.5;endArrow=open;endFill=0;" edge="1" parent="1" source="presentation" target="application">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>

        <mxCell id="dep-application-domain" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;entryX=0;entryY=0.5;strokeColor=#57606A;strokeWidth=1.5;endArrow=open;endFill=0;" edge="1" parent="1" source="application" target="domain">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>

        <mxCell id="dep-adapters-application" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.2;exitY=0;entryX=0.8;entryY=1;strokeColor=#57606A;strokeWidth=1.5;endArrow=open;endFill=0;" edge="1" parent="1" source="adapters" target="application">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>

        <mxCell id="dep-root-presentation" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.5;entryX=0.5;entryY=1;strokeColor=#57606A;strokeWidth=1.5;endArrow=open;endFill=0;" edge="1" parent="1" source="composition-root" target="presentation">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>

        <mxCell id="dep-root-application" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=0;entryX=0.5;entryY=1;strokeColor=#57606A;strokeWidth=1.5;endArrow=open;endFill=0;" edge="1" parent="1" source="composition-root" target="application">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>

        <mxCell id="dep-root-adapters" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;entryX=0;entryY=0.5;strokeColor=#57606A;strokeWidth=1.5;endArrow=open;endFill=0;" edge="1" parent="1" source="composition-root" target="adapters">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>

      </root>
    </mxGraphModel>
  </diagram>
</mxfile>