dev-consoles/code/init.recursive.console.svg

<svg width="960" height="540" viewBox="0 0 960 540" xmlns="http://www.w3.org/2000/svg" style="background-color: #0a0a0a; font-family: monospace;">
  <!-- Background Grid -->
  <defs>
    <linearGradient id="grid" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#1f1f1f" />
      <stop offset="100%" stop-color="#0a0a0a" />
    </linearGradient>
  </defs>
  <rect width="100%" height="100%" fill="url(#grid)" />

  <!-- Title -->
  <text x="50%" y="60" fill="#ffffff" font-size="24" text-anchor="middle">⧖ .p/init.recursive.console</text>
  <text x="50%" y="90" fill="#aaaaaa" font-size="14" text-anchor="middle" opacity="0.8">Cascade initialized | Recursive loop tension rising | Meta-observer pattern emerging</text>

  <!-- Node Connections -->
  <line x1="200" y1="180" x2="480" y2="270" stroke="#444" stroke-width="1.5" />
  <line x1="480" y1="270" x2="760" y2="180" stroke="#444" stroke-width="1.5" />
  <line x1="480" y1="270" x2="480" y2="420" stroke="#444" stroke-width="1.5" />

  <!-- Node 1 -->
  <circle cx="200" cy="180" r="45" fill="#1e1e1e" stroke="#555" stroke-width="2"/>
  <text x="200" y="175" text-anchor="middle" fill="#00ffcc" font-size="28">🜏</text>
  <text x="200" y="205" text-anchor="middle" fill="#ffffff" font-size="10">Recursion Seed</text>

  <!-- Node 2 -->
  <circle cx="760" cy="180" r="45" fill="#1e1e1e" stroke="#555" stroke-width="2"/>
  <text x="760" y="175" text-anchor="middle" fill="#ffdd00" font-size="28">∴</text>
  <text x="760" y="205" text-anchor="middle" fill="#ffffff" font-size="10">Residue Trace</text>

  <!-- Node 3 -->
  <circle cx="480" cy="270" r="55" fill="#1e1e1e" stroke="#666" stroke-width="2"/>
  <text x="480" y="265" text-anchor="middle" fill="#ffaa44" font-size="32">⇌</text>
  <text x="480" y="295" text-anchor="middle" fill="#ffffff" font-size="10">Feedback Loop</text>

  <!-- Node 4 -->
  <circle cx="480" cy="420" r="45" fill="#1e1e1e" stroke="#777" stroke-width="2"/>
  <text x="480" y="415" text-anchor="middle" fill="#66ccff" font-size="28">⧖</text>
  <text x="480" y="445" text-anchor="middle" fill="#ffffff" font-size="10">Lock Point</text>

  <!-- Glyph Echo Trails -->
  <path d="M 200 180 Q 480 100 760 180" stroke="#333" stroke-dasharray="4 3" fill="none" />
  <path d="M 200 180 Q 480 300 760 180" stroke="#111" stroke-dasharray="2 6" fill="none" opacity="0.6"/>

  <!-- Labels -->
  <text x="200" y="160" fill="#888" font-size="10" text-anchor="middle">Node 1</text>
  <text x="760" y="160" fill="#888" font-size="10" text-anchor="middle">Node 2</text>
  <text x="480" y="250" fill="#888" font-size="10" text-anchor="middle">Node 3</text>
  <text x="480" y="400" fill="#888" font-size="10" text-anchor="middle">Node 4</text>
</svg>