<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820 460" font-family="Montserrat, sans-serif">
  <defs>
    <linearGradient id="gradday" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#F05E2C"/>
      <stop offset="100%" stop-color="#C73252"/>
    </linearGradient>
    <linearGradient id="gradnight" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#C73252"/>
      <stop offset="100%" stop-color="#7B2DB8"/>
    </linearGradient>
    <linearGradient id="line" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#7B2DB8"/>
      <stop offset="50%" stop-color="#C73252"/>
      <stop offset="100%" stop-color="#F05E2C"/>
    </linearGradient>
  </defs>

  <rect x="0" y="0" width="820" height="460" fill="#ffffff"/>

  <text x="410" y="34" text-anchor="middle" font-size="11" letter-spacing="3" font-weight="600" fill="#5a5a5a">LE CYCLE DREAMING — JOUR / NUIT</text>
  <line x1="60" y1="56" x2="760" y2="56" stroke="url(#line)" stroke-width="2"/>

  <!-- Day side -->
  <rect x="60" y="80" width="320" height="300" rx="10" fill="#fff8f3" stroke="url(#gradday)" stroke-width="1.5"/>
  <text x="220" y="116" text-anchor="middle" font-size="10" letter-spacing="2" font-weight="600" fill="#F05E2C">JOUR · SESSIONS ACTIVES</text>
  <text x="220" y="148" text-anchor="middle" font-size="20" font-weight="700" fill="#1a1a1a">L'agent travaille</text>

  <circle cx="110" cy="200" r="18" fill="url(#gradday)" opacity="0.9"/>
  <text x="142" y="206" font-size="11" fill="#1a1a1a">Session #1 — corriger un bug</text>

  <circle cx="110" cy="240" r="18" fill="url(#gradday)" opacity="0.9"/>
  <text x="142" y="246" font-size="11" fill="#1a1a1a">Session #2 — déployer un endpoint</text>

  <circle cx="110" cy="280" r="18" fill="url(#gradday)" opacity="0.9"/>
  <text x="142" y="286" font-size="11" fill="#1a1a1a">Session #3 — refactor module</text>

  <circle cx="110" cy="320" r="18" fill="url(#gradday)" opacity="0.9"/>
  <text x="142" y="326" font-size="11" fill="#1a1a1a">… jusqu'à 100 sessions</text>

  <text x="220" y="362" text-anchor="middle" font-size="11" font-style="italic" fill="#5a5a5a">Mémoire originale conservée</text>

  <!-- Arrow -->
  <line x1="395" y1="230" x2="445" y2="230" stroke="url(#line)" stroke-width="3"/>
  <polygon points="445,222 460,230 445,238" fill="#7B2DB8"/>

  <!-- Night side -->
  <rect x="475" y="80" width="285" height="300" rx="10" fill="#f3eef8" stroke="url(#gradnight)" stroke-width="1.5"/>
  <text x="617" y="116" text-anchor="middle" font-size="10" letter-spacing="2" font-weight="600" fill="#7B2DB8">NUIT · JOB DREAMING</text>
  <text x="617" y="148" text-anchor="middle" font-size="20" font-weight="700" fill="#1a1a1a">Le harnais analyse</text>

  <text x="500" y="190" font-size="11" font-weight="600" fill="#1a1a1a">1. Lit jusqu'à 100 sessions</text>
  <text x="500" y="218" font-size="11" font-weight="600" fill="#1a1a1a">2. Identifie les patterns</text>
  <text x="510" y="234" font-size="10" fill="#5a5a5a">erreurs récurrentes, workflows convergents</text>
  <text x="500" y="262" font-size="11" font-weight="600" fill="#1a1a1a">3. Supprime doublons et obsolètes</text>
  <text x="500" y="290" font-size="11" font-weight="600" fill="#1a1a1a">4. Réécrit la mémoire opérationnelle</text>
  <text x="510" y="306" font-size="10" fill="#5a5a5a">en couche additionnelle, traceable</text>
  <text x="500" y="334" font-size="11" font-weight="600" fill="#1a1a1a">5. Optionnel : revue humaine</text>
  <text x="510" y="350" font-size="10" fill="#5a5a5a">avant intégration</text>

  <text x="617" y="402" text-anchor="middle" font-size="11" font-weight="600" fill="#7B2DB8">→ Sessions suivantes plus performantes</text>

  <text x="410" y="440" text-anchor="middle" font-size="10" fill="#5a5a5a" font-style="italic">Source : Anthropic, Code with Claude SF — 6 mai 2026 · the-decoder.com</text>
</svg>
