<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 240" role="img" aria-labelledby="title desc">
<title id="title">GitLab CI pipeline flow</title>
<desc id="desc">A push to main runs test, then Buildah image builds, then a Helm deploy that reports success or failure.</desc>
<rect width="960" height="240" rx="24" fill="#f0f9ff"/>
<defs>
  <marker id="arrow" markerWidth="10" markerHeight="10" refX="8" refY="5" orient="auto">
    <path d="M0 0L10 5L0 10z" fill="#0369a1"/>
  </marker>
</defs>
<g font-family="system-ui,sans-serif" fill="#0c4a6e">
  <rect x="30" y="70" width="150" height="100" rx="18" fill="#fff" stroke="#0369a1" stroke-width="4"/>
  <text x="105" y="115" text-anchor="middle" font-size="20" font-weight="700">git push</text>
  <text x="105" y="140" text-anchor="middle" font-size="13">branch main</text>
  <rect x="220" y="70" width="150" height="100" rx="18" fill="#fff" stroke="#15803d" stroke-width="4"/>
  <text x="295" y="115" text-anchor="middle" font-size="20" font-weight="700">test</text>
  <text x="295" y="140" text-anchor="middle" font-size="13">lint / build</text>
  <rect x="410" y="70" width="160" height="100" rx="18" fill="#fff" stroke="#7c3aed" stroke-width="4"/>
  <text x="490" y="115" text-anchor="middle" font-size="20" font-weight="700">build</text>
  <text x="490" y="140" text-anchor="middle" font-size="13">Buildah push</text>
  <rect x="610" y="70" width="150" height="100" rx="18" fill="#fff" stroke="#d97706" stroke-width="4"/>
  <text x="685" y="115" text-anchor="middle" font-size="20" font-weight="700">deploy</text>
  <text x="685" y="140" text-anchor="middle" font-size="13">Helm upgrade</text>
  <rect x="800" y="70" width="130" height="100" rx="18" fill="#fff" stroke="#db2777" stroke-width="4"/>
  <text x="865" y="115" text-anchor="middle" font-size="18" font-weight="700">feedback</text>
  <text x="865" y="140" text-anchor="middle" font-size="13">logs / status</text>
  <line x1="180" y1="120" x2="215" y2="120" stroke="#0369a1" stroke-width="4" marker-end="url(#arrow)"/>
  <line x1="370" y1="120" x2="405" y2="120" stroke="#0369a1" stroke-width="4" marker-end="url(#arrow)"/>
  <line x1="570" y1="120" x2="605" y2="120" stroke="#0369a1" stroke-width="4" marker-end="url(#arrow)"/>
  <line x1="760" y1="120" x2="795" y2="120" stroke="#0369a1" stroke-width="4" marker-end="url(#arrow)"/>
</g>
</svg>
