<mxfile host="app.diagrams.net" version="22.1.0">
  <diagram name="eCommerce-AI-Agents" id="ecommerce-ai-agents-series">
    <mxGraphModel dx="1400" dy="900" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1600" pageHeight="900" math="0" shadow="0">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />
        <mxCell id="title" parent="1" style="text;html=1;align=left;verticalAlign=top;fontSize=24;fontStyle=1;fontFamily=Helvetica;fontColor=#232F3E;" value="eCommerce AI agents — typical production stack" vertex="1">
          <mxGeometry x="40" y="20" width="1200" height="32" as="geometry" />
        </mxCell>
        <mxCell id="subtitle" parent="1" style="text;html=1;align=left;verticalAlign=top;fontSize=13;fontFamily=Helvetica;fontColor=#545B64;" value="Storefront events → agent application → AgentCore Harness or Runtime + Strands → Bedrock models → Gateway tools → commerce systems. HITL dashboard is application-layer (often Next.js)." vertex="1">
          <mxGeometry x="40" y="52" width="1400" height="28" as="geometry" />
        </mxCell>
        <mxCell id="sep" parent="1" style="line;strokeWidth=2;html=1;strokeColor=#FF9900;" value="" vertex="1">
          <mxGeometry x="40" y="84" width="1400" height="10" as="geometry" />
        </mxCell>
        <mxCell id="store" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#F2F3F3;strokeColor=#545B64;fontFamily=Helvetica;fontSize=12;fontStyle=1;" value="Storefront&#xa;Shopify / custom" vertex="1">
          <mxGeometry x="40" y="180" width="140" height="70" as="geometry" />
        </mxCell>
        <mxCell id="events" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#E6F2F8;strokeColor=#3B48CC;fontColor=#3B48CC;fontFamily=Helvetica;fontSize=12;fontStyle=1;" value="Events / APIs&#xa;orders, inventory, CX" vertex="1">
          <mxGeometry x="210" y="180" width="150" height="70" as="geometry" />
        </mxCell>
        <mxCell id="app" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#FFF2E8;strokeColor=#ED7100;fontColor=#ED7100;fontFamily=Helvetica;fontSize=12;fontStyle=1;" value="Agent application&#xa;session, HITL, evals" vertex="1">
          <mxGeometry x="390" y="180" width="160" height="70" as="geometry" />
        </mxCell>
        <mxCell id="dash" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#FFF2E8;strokeColor=#ED7100;fontColor=#ED7100;fontFamily=Helvetica;fontSize=11;fontStyle=1;" value="Ops dashboard&#xa;Next.js / Tailwind" vertex="1">
          <mxGeometry x="390" y="280" width="160" height="60" as="geometry" />
        </mxCell>
        <mxCell id="harness" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#F3E8FD;strokeColor=#8C4FFF;fontColor=#8C4FFF;fontFamily=Helvetica;fontSize=12;fontStyle=1;" value="AgentCore Harness&#xa;config-driven loop" vertex="1">
          <mxGeometry x="590" y="140" width="170" height="70" as="geometry" />
        </mxCell>
        <mxCell id="strands" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#F3E8FD;strokeColor=#8C4FFF;fontColor=#8C4FFF;fontFamily=Helvetica;fontSize=12;fontStyle=1;" value="Strands on Runtime&#xa;export when topology" vertex="1">
          <mxGeometry x="590" y="230" width="170" height="70" as="geometry" />
        </mxCell>
        <mxCell id="bedrock" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#E6F2F8;strokeColor=#3B48CC;fontColor=#3B48CC;fontFamily=Helvetica;fontSize=12;fontStyle=1;" value="Amazon Bedrock&#xa;models + Guardrails" vertex="1">
          <mxGeometry x="800" y="180" width="160" height="70" as="geometry" />
        </mxCell>
        <mxCell id="gw" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#FFEBEE;strokeColor=#DD344C;fontColor=#DD344C;fontFamily=Helvetica;fontSize=12;fontStyle=1;" value="Gateway + Policy&#xa;Cedar default-deny" vertex="1">
          <mxGeometry x="1000" y="180" width="160" height="70" as="geometry" />
        </mxCell>
        <mxCell id="oms" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#E9F5EC;strokeColor=#1B861F;fontColor=#1B861F;fontFamily=Helvetica;fontSize=11;fontStyle=1;" value="Orders / OMS" vertex="1">
          <mxGeometry x="1220" y="80" width="130" height="50" as="geometry" />
        </mxCell>
        <mxCell id="inv" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#E9F5EC;strokeColor=#1B861F;fontColor=#1B861F;fontFamily=Helvetica;fontSize=11;fontStyle=1;" value="Inventory / WMS" vertex="1">
          <mxGeometry x="1220" y="150" width="130" height="50" as="geometry" />
        </mxCell>
        <mxCell id="crm" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#E9F5EC;strokeColor=#1B861F;fontColor=#1B861F;fontFamily=Helvetica;fontSize=11;fontStyle=1;" value="CRM / helpdesk" vertex="1">
          <mxGeometry x="1220" y="220" width="130" height="50" as="geometry" />
        </mxCell>
        <mxCell id="erp" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#E9F5EC;strokeColor=#1B861F;fontColor=#1B861F;fontFamily=Helvetica;fontSize=11;fontStyle=1;" value="ERP / analytics" vertex="1">
          <mxGeometry x="1220" y="290" width="130" height="50" as="geometry" />
        </mxCell>
        <mxCell id="obs" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#F2F3F3;strokeColor=#545B64;fontFamily=Helvetica;fontSize=11;" value="Observability → CloudWatch (session traces, tool mix, Policy ALLOW/DENY)" vertex="1">
          <mxGeometry x="390" y="400" width="770" height="40" as="geometry" />
        </mxCell>
        <mxCell id="e1" edge="1" parent="1" source="store" target="events" style="endArrow=classic;strokeColor=#545B64;">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="e2" edge="1" parent="1" source="events" target="app" style="endArrow=classic;strokeColor=#545B64;">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="e3" edge="1" parent="1" source="app" target="harness" style="endArrow=classic;strokeColor=#8C4FFF;">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="e4" edge="1" parent="1" source="app" target="strands" style="endArrow=classic;strokeColor=#8C4FFF;">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="e5" edge="1" parent="1" source="app" target="dash" style="endArrow=classic;dashed=1;strokeColor=#ED7100;">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="e6" edge="1" parent="1" source="harness" target="bedrock" style="endArrow=classic;strokeColor=#3B48CC;">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="e7" edge="1" parent="1" source="strands" target="bedrock" style="endArrow=classic;strokeColor=#3B48CC;">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="e8" edge="1" parent="1" source="bedrock" target="gw" style="endArrow=classic;strokeColor=#DD344C;">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="e9" edge="1" parent="1" source="gw" target="oms" style="endArrow=classic;strokeColor=#1B861F;">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="e10" edge="1" parent="1" source="gw" target="inv" style="endArrow=classic;strokeColor=#1B861F;">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="e11" edge="1" parent="1" source="gw" target="crm" style="endArrow=classic;strokeColor=#1B861F;">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="e12" edge="1" parent="1" source="gw" target="erp" style="endArrow=classic;strokeColor=#1B861F;">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>
