Page History

<div style="margin:0;padding:0;line-height:0;">
  <svg xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 1000 280"
       width="100%"
       style="display:block;margin:0;padding:0;vertical-align:top;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;">
    <defs>
      <marker id="arrow" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="10" markerHeight="10" orient="auto">
        <path d="M0 0 L10 5 L0 10 Z" fill="#333"/>
      </marker>
    </defs>

    <!-- Top row boxes -->
    <rect x="20"  y="20" width="250" height="60" rx="8" ry="8" fill="#f9f9f9" stroke="#333"/>
    <text x="145" y="56" text-anchor="middle">Temperature / Atmosphere Sensors</text>

    <rect x="300" y="20" width="220" height="60" rx="8" ry="8" fill="#f9f9f9" stroke="#333"/>
    <text x="410" y="56" text-anchor="middle">PLCs / Controllers</text>

    <rect x="550" y="20" width="200" height="60" rx="8" ry="8" fill="#f9f9f9" stroke="#333"/>
    <text x="650" y="56" text-anchor="middle">HMI Software</text>

    <rect x="780" y="20" width="200" height="60" rx="8" ry="8" fill="#f9f9f9" stroke="#333"/>
    <text x="880" y="56" text-anchor="middle">Database System</text>

    <!-- Horizontal arrows -->
    <line x1="270" y1="50" x2="300" y2="50" stroke="#333" marker-end="url(#arrow)"/>
    <line x1="520" y1="50" x2="550" y2="50" stroke="#333" marker-end="url(#arrow)"/>
    <line x1="750" y1="50" x2="780" y2="50" stroke="#333" marker-end="url(#arrow)"/>

    <!-- Vertical branch from PLCs/Controllers -->
    <line x1="410" y1="80" x2="410" y2="110" stroke="#333" marker-end="url(#arrow)"/>

    <rect x="330" y="110" width="160" height="46" rx="8" ry="8" fill="#f9f9f9" stroke="#333"/>
    <text x="410" y="138" text-anchor="middle">Barcode Scanners</text>

    <line x1="410" y1="156" x2="410" y2="187" stroke="#333" marker-end="url(#arrow)"/>

    <rect x="330" y="187" width="160" height="46" rx="8" ry="8" fill="#f9f9f9" stroke="#333"/>
    <text x="410" y="215" text-anchor="middle">Operator Interface</text>

    <line x1="410" y1="233" x2="410" y2="264" stroke="#333" marker-end="url(#arrow)"/>

    <rect x="300" y="264" width="220" height="46" rx="8" ry="8" fill="#f9f9f9" stroke="#333"/>
    <text x="410" y="292" text-anchor="middle">Traceability Reports</text>
  </svg>
</div>