<?xml version="1.0" encoding="UTF-8"?>
<mxfile host="drawio" version="31.1.5">
  <diagram id="drawme-waterfall" name="High-level overview">
    <mxGraphModel dx="1640" dy="1040" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1640" pageHeight="1040" math="0" shadow="0">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />

        <mxCell id="title" value="DrawMe Pi Extension" style="text;html=1;whiteSpace=wrap;align=left;verticalAlign=middle;fontSize=30;fontStyle=1;fontColor=#173B67;strokeColor=none;fillColor=none;spacing=0;" vertex="1" parent="1">
          <mxGeometry x="60" y="40" width="900" height="40" as="geometry" />
        </mxCell>
        <mxCell id="subtitle" value="High-level waterfall overview  |  request &#8594; governed authoring &#8594; editable deliverables" style="text;html=1;whiteSpace=wrap;align=left;verticalAlign=middle;fontSize=16;fontColor=#52657A;strokeColor=none;fillColor=none;spacing=0;" vertex="1" parent="1">
          <mxGeometry x="60" y="90" width="980" height="30" as="geometry" />
        </mxCell>
        <mxCell id="cli-badge" value="draw.io CLI 31.1.5  |  v30+ features active" style="rounded=1;arcSize=24;whiteSpace=wrap;html=1;align=center;verticalAlign=middle;fontSize=13;fontStyle=1;fontColor=#23623B;fillColor=#E8F6EC;strokeColor=#3A9D5D;strokeWidth=1;spacing=8;" vertex="1" parent="1">
          <mxGeometry x="1300" y="50" width="300" height="40" as="geometry" />
        </mxCell>

        <mxCell id="stage-01" value="&lt;b&gt;&lt;font style=&quot;font-size:18px&quot;&gt;01&lt;/font&gt;&#160;&#160;Request&lt;/b&gt;&lt;br&gt;&lt;font color=&quot;#40566F&quot;&gt;Natural-language intent arrives through &lt;b&gt;/drawme&lt;/b&gt; in the Pi agent.&lt;/font&gt;" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;align=left;verticalAlign=middle;fontSize=14;fontColor=#173B67;fillColor=#EAF2FF;strokeColor=#4C78C2;strokeWidth=2;spacing=14;shadow=1;" vertex="1" parent="1">
          <mxGeometry x="60" y="170" width="280" height="110" as="geometry" />
        </mxCell>
        <mxCell id="stage-02" value="&lt;b&gt;&lt;font style=&quot;font-size:18px&quot;&gt;02&lt;/font&gt;&#160;&#160;Guided orchestration&lt;/b&gt;&lt;br&gt;&lt;font color=&quot;#40566F&quot;&gt;&lt;b&gt;workflow.ts&lt;/b&gt; injects the nine-step autonomous process.&lt;/font&gt;" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;align=left;verticalAlign=middle;fontSize=14;fontColor=#173B67;fillColor=#EAF2FF;strokeColor=#4C78C2;strokeWidth=2;spacing=14;shadow=1;" vertex="1" parent="1">
          <mxGeometry x="270" y="290" width="280" height="110" as="geometry" />
        </mxCell>
        <mxCell id="stage-03" value="&lt;b&gt;&lt;font style=&quot;font-size:18px&quot;&gt;03&lt;/font&gt;&#160;&#160;Author editable source&lt;/b&gt;&lt;br&gt;&lt;font color=&quot;#6B4A21&quot;&gt;Uncompressed XML or Mermaid; exact shape search and optional ELK layout.&lt;/font&gt;" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;align=left;verticalAlign=middle;fontSize=14;fontColor=#7A4515;fillColor=#FFF1E6;strokeColor=#E67E22;strokeWidth=2;spacing=14;shadow=1;" vertex="1" parent="1">
          <mxGeometry x="480" y="410" width="280" height="110" as="geometry" />
        </mxCell>
        <mxCell id="stage-04" value="&lt;b&gt;&lt;font style=&quot;font-size:18px&quot;&gt;04&lt;/font&gt;&#160;&#160;Validate every revision&lt;/b&gt;&lt;br&gt;&lt;font color=&quot;#66551D&quot;&gt;&lt;b&gt;validate.ts&lt;/b&gt; blocks broken IDs, geometry, bounds, overlap, and explicit routes.&lt;/font&gt;" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;align=left;verticalAlign=middle;fontSize=14;fontColor=#66500E;fillColor=#FFF8DD;strokeColor=#C89B1D;strokeWidth=2;spacing=14;shadow=1;" vertex="1" parent="1">
          <mxGeometry x="690" y="530" width="280" height="110" as="geometry" />
        </mxCell>
        <mxCell id="stage-05" value="&lt;b&gt;&lt;font style=&quot;font-size:18px&quot;&gt;05&lt;/font&gt;&#160;&#160;Preview, critique, refine&lt;/b&gt;&lt;br&gt;&lt;font color=&quot;#66551D&quot;&gt;Clean PNG review across four categories; targeted fixes are revalidated (max 5).&lt;/font&gt;" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;align=left;verticalAlign=middle;fontSize=14;fontColor=#66500E;fillColor=#FFF8DD;strokeColor=#C89B1D;strokeWidth=2;spacing=14;shadow=1;" vertex="1" parent="1">
          <mxGeometry x="900" y="650" width="280" height="110" as="geometry" />
        </mxCell>
        <mxCell id="stage-06" value="&lt;b&gt;&lt;font style=&quot;font-size:18px&quot;&gt;06&lt;/font&gt;&#160;&#160;Holistic confirmation&lt;/b&gt;&lt;br&gt;&lt;font color=&quot;#66551D&quot;&gt;The latest holistic preview is re-checked across all categories; the run continues straight to final export.&lt;/font&gt;" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;align=left;verticalAlign=middle;fontSize=14;fontColor=#66500E;fillColor=#FFF8DD;strokeColor=#C89B1D;strokeWidth=2;spacing=14;shadow=1;" vertex="1" parent="1">
          <mxGeometry x="1110" y="770" width="280" height="110" as="geometry" />
        </mxCell>
        <mxCell id="stage-07" value="&lt;b&gt;&lt;font style=&quot;font-size:18px&quot;&gt;07&lt;/font&gt;&#160;&#160;Export deliverables&lt;/b&gt;&lt;br&gt;&lt;font color=&quot;#2B5D3C&quot;&gt;&lt;b&gt;drawio.ts&lt;/b&gt; invokes the local CLI &#8594; editable PNG / SVG / PDF / JPG and preview cleanup.&lt;/font&gt;" style="rounded=1;arcSize=18;whiteSpace=wrap;html=1;align=left;verticalAlign=middle;fontSize=14;fontColor=#23623B;fillColor=#E8F6EC;strokeColor=#3A9D5D;strokeWidth=2;spacing=14;shadow=1;" vertex="1" parent="1">
          <mxGeometry x="1320" y="890" width="280" height="110" as="geometry" />
        </mxCell>

        <mxCell id="edge-01-02" value="" style="edgeStyle=none;rounded=1;orthogonalLoop=1;jettySize=auto;html=1;endArrow=blockThin;endFill=1;endSize=10;strokeColor=#60738A;strokeWidth=2;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="stage-01" target="stage-02">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="edge-02-03" value="" style="edgeStyle=none;rounded=1;orthogonalLoop=1;jettySize=auto;html=1;endArrow=blockThin;endFill=1;endSize=10;strokeColor=#60738A;strokeWidth=2;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="stage-02" target="stage-03">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="edge-03-04" value="" style="edgeStyle=none;rounded=1;orthogonalLoop=1;jettySize=auto;html=1;endArrow=blockThin;endFill=1;endSize=10;strokeColor=#60738A;strokeWidth=2;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="stage-03" target="stage-04">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="edge-04-05" value="" style="edgeStyle=none;rounded=1;orthogonalLoop=1;jettySize=auto;html=1;endArrow=blockThin;endFill=1;endSize=10;strokeColor=#60738A;strokeWidth=2;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="stage-04" target="stage-05">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="edge-05-06" value="" style="edgeStyle=none;rounded=1;orthogonalLoop=1;jettySize=auto;html=1;endArrow=blockThin;endFill=1;endSize=10;strokeColor=#60738A;strokeWidth=2;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="stage-05" target="stage-06">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="edge-06-07" value="" style="edgeStyle=none;rounded=1;orthogonalLoop=1;jettySize=auto;html=1;endArrow=blockThin;endFill=1;endSize=10;strokeColor=#60738A;strokeWidth=2;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="stage-06" target="stage-07">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>

        <mxCell id="surface-note" value="&lt;b&gt;&lt;font style=&quot;font-size:17px&quot;&gt;Extension surface&lt;/font&gt;&lt;/b&gt;&lt;br&gt;&lt;br&gt;&lt;b&gt;3 commands&lt;/b&gt;  /drawme &#183; /drawme-check &#183; /drawme-export&lt;br&gt;&lt;b&gt;8 model tools&lt;/b&gt;  check &#183; export &#183; validate &#183; shapes &#183; Mermaid &#183; layout &#183; explain &#183; open&lt;br&gt;&lt;b&gt;Pure TypeScript&lt;/b&gt;  validation &#183; shape search &#183; explanation&lt;br&gt;&lt;b&gt;CLI adapter&lt;/b&gt;  render &#183; convert &#183; layout &#183; open &#183; PNG repair" style="rounded=1;arcSize=12;whiteSpace=wrap;html=1;align=left;verticalAlign=top;fontSize=13;fontColor=#34495E;fillColor=#F7F9FC;strokeColor=#A9B7C6;strokeWidth=1;spacing=16;shadow=0;" vertex="1" parent="1">
          <mxGeometry x="60" y="450" width="400" height="220" as="geometry" />
        </mxCell>
        <mxCell id="legend" value="&lt;b&gt;Color key&lt;/b&gt;&lt;br&gt;&lt;font color=&quot;#4C78C2&quot;&gt;&#9632;&lt;/font&gt; Interface and control&#160;&#160;&#160;&lt;font color=&quot;#E67E22&quot;&gt;&#9632;&lt;/font&gt; Authoring&lt;br&gt;&lt;font color=&quot;#C89B1D&quot;&gt;&#9632;&lt;/font&gt; Quality and confirmation&#160;&#160;&#160;&lt;font color=&quot;#3A9D5D&quot;&gt;&#9632;&lt;/font&gt; Deliverable" style="rounded=1;arcSize=12;whiteSpace=wrap;html=1;align=left;verticalAlign=middle;fontSize=13;fontColor=#34495E;fillColor=#FFFFFF;strokeColor=#C8D1DC;strokeWidth=1;spacing=14;" vertex="1" parent="1">
          <mxGeometry x="60" y="710" width="420" height="100" as="geometry" />
        </mxCell>
        <mxCell id="trust-note" value="&lt;b&gt;Trust boundary&lt;/b&gt;&lt;br&gt;Pi may use the configured model; diagram files, structural validation, the shape index, and draw.io CLI execution remain on the local machine." style="rounded=1;arcSize=12;whiteSpace=wrap;html=1;align=left;verticalAlign=middle;fontSize=13;fontColor=#44546A;fillColor=#F4F6F8;strokeColor=#8996A5;strokeWidth=1;dashed=1;dashPattern=6 4;spacing=14;" vertex="1" parent="1">
          <mxGeometry x="60" y="850" width="720" height="100" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>
