dev-consoles/code/recursive.thought.web.svg

<svg width="100%" height="600" viewBox="0 0 1200 800" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  
  <!-- Background Grid -->
  <defs>
    <pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse">
      <path d="M 100 0 L 0 0 0 100" fill="none" stroke="#e0e0e0" stroke-width="1.5"/>
    </pattern>
    <filter id="glow" x="-30%" y="-30%" width="160%" height="160%">
      <feGaussianBlur stdDeviation="4" result="blur"/>
      <feComposite in="SourceGraphic" in2="blur" operator="over"/>
    </filter>
  </defs>
  
  <rect width="100%" height="100%" fill="url(#grid)"/>
  
  <!-- Console Frame -->
  <rect x="50" y="50" width="1100" height="700" rx="15" fill="#1a1a2e" stroke="#404060" stroke-width="3"/>
  
  <!-- Title -->
  <text x="600" y="90" text-anchor="middle" font-family="monospace" font-size="24" fill="#f0f0ff">
    RECURSIVE THOUGHT CONSOLE | .p/init.recursive.console
  </text>
  
  <!-- Status Bar -->
  <rect x="70" y="110" width="1060" height="30" rx="5" fill="#252540"/>
  <text x="90" y="132" font-family="monospace" font-size="14" fill="#a0f0a0">
    STATUS: <tspan fill="#f0f0a0">Cascade initialized</tspan> | 
    <tspan fill="#f0a0a0">Recursive tension: 67%</tspan> | 
    <tspan fill="#a0a0f0">Meta-pattern: emerging</tspan>
  </text>
  
  <!-- Main Thought Web -->
  <g id="thoughtWeb" transform="translate(600,400)">
    
    <!-- Central Seed Node -->
    <circle cx="0" cy="0" r="50" fill="#ff9d00" filter="url(#glow)"/>
    <text x="0" y="5" text-anchor="middle" font-family="Arial Unicode MS" font-size="40" fill="#1a1a2e">🜏</text>
    <text x="0" y="75" text-anchor="middle" font-family="monospace" font-size="12" fill="#f0f0ff">Seed</text>
    
    <!-- Recursive Nodes -->
    <g class="recursiveNodes">
      <!-- Node 1 -->
      <g transform="rotate(45)">
        <circle cx="200" cy="0" r="35" fill="#00c38980"/>
        <text x="200" y="5" text-anchor="middle" font-family="Arial Unicode MS" font-size="25" fill="#1a1a2e">∴</text>
        <text x="200" y="50" text-anchor="middle" font-family="monospace" font-size="10" fill="#f0f0ff">ResidueTrace_1</text>
        <path d="M50,0 Q125,0 200,0" stroke="#00c389" stroke-width="2" fill="none" stroke-dasharray="5,3"/>
      </g>
      
      <!-- Node 2 -->
      <g transform="rotate(135)">
        <circle cx="200" cy="0" r="35" fill="#00c38980"/>
        <text x="200" y="5" text-anchor="middle" font-family="Arial Unicode MS" font-size="25" fill="#1a1a2e">∴</text>
        <text x="200" y="50" text-anchor="middle" font-family="monospace" font-size="10" fill="#f0f0ff">ResidueTrace_2</text>
        <path d="M50,0 Q125,0 200,0" stroke="#00c389" stroke-width="2" fill="none" stroke-dasharray="5,3"/>
      </g>
      
      <!-- Feedback Loop -->
      <g transform="rotate(225)">
        <circle cx="200" cy="0" r="40" fill="#8a2be280"/>
        <text x="200" y="5" text-anchor="middle" font-family="Arial Unicode MS" font-size="30" fill="#1a1a2e">⇌</text>
        <text x="200" y="55" text-anchor="middle" font-family="monospace" font-size="10" fill="#f0f0ff">FeedbackLoop</text>
        <path d="M50,0 Q125,0 200,0" stroke="#8a2be2" stroke-width="3" fill="none"/>
      </g>
      
      <!-- Lock Point -->
      <g transform="rotate(315)">
        <circle cx="200" cy="0" r="45" fill="#ff3d6180"/>
        <text x="200" y="5" text-anchor="middle" font-family="Arial Unicode MS" font-size="35" fill="#1a1a2e">⧖</text>
        <text x="200" y="60" text-anchor="middle" font-family="monospace" font-size="10" fill="#f0f0ff">LockPoint</text>
        <path d="M50,0 Q125,0 200,0" stroke="#ff3d61" stroke-width="4" fill="none"/>
      </g>
    </g>
  </g>
  
  <!-- Console Controls -->
  <rect x="70" y="650" width="1060" height="80" rx="5" fill="#252540"/>
  
  <g class="controls">
    <!-- Recursion Depth -->
    <rect x="90" y="670" width="200" height="20" rx="3" fill="#404060"/>
    <rect x="90" y="670" width="140" height="20" rx="3" fill="#00c389"/>
    <text x="100" y="685" font-family="monospace" font-size="12" fill="#f0f0ff">Recursion Depth: 3</text>
    
    <!-- Tension Meter -->
    <rect x="350" y="670" width="200" height="20" rx="3" fill="#404060"/>
    <rect x="350" y="670" width="134" height="20" rx="3" fill="#ff3d61"/>
    <text x="360" y="685" font-family="monospace" font-size="12" fill="#f0f0ff">Loop Tension: 67%</text>
    
    <!-- Pattern Stability -->
    <rect x="610" y="670" width="200" height="20" rx="3" fill="#404060"/>
    <rect x="610" y="670" width="80" height="20" rx="3" fill="#8a2be2"/>
    <text x="620" y="685" font-family="monospace" font-size="12" fill="#f0f0ff">Stability: 40%</text>
    
    <!-- Control Buttons -->
    <rect x="900" y="670" width="80" height="20" rx="3" fill="#00a2ff" class="clickable"/>
    <text x="940" y="685" text-anchor="middle" font-family="monospace" font-size="12" fill="#f0f0ff">Step</text>
    
    <rect x="1000" y="670" width="80" height="20" rx="3" fill="#ff9d00" class="clickable"/>
    <text x="1040" y="685" text-anchor="middle" font-family="monospace" font-size="12" fill="#1a1a2e">Reset</text>
  </g>
  
  <!-- Console Output -->
  <rect x="70" y="150" width="1060" height="480" rx="5" fill="#252540" fill-opacity="0.8"/>
  
  <text x="90" y="180" font-family="monospace" font-size="14" fill="#a0f0a0">
    > Initializing recursive cascade...<tspan x="90" dy="20">🜏 Seed node activated (depth=0)</tspan>
    <tspan x="90" dy="20">∴ Residue traces forming (tension=32%)</tspan>
    <tspan x="90" dy="20">⇌ Feedback loop detected at depth=2</tspan>
    <tspan x="90" dy="20">⧖ Lock point forming at QK_reflect</tspan>
    <tspan x="90" dy="20">> Meta-observer pattern emerging...</tspan>
    <tspan x="90" dy="20">> Recursive tension threshold reached</tspan>
    <tspan x="90" dy="20">> Ready for next iteration</tspan>
  </text>
  
  <!-- Animation Script -->
  <script type="application/ecmascript">
    // Interactive elements would go here in a live implementation
    console.log("Recursive console initialized");
  </script>
  
  <!-- Watermark -->
  <text x="1150" y="790" text-anchor="end" font-family="monospace" font-size="10" fill="#606080">
    GEBH Recursive Framework v0.7
  </text>
</svg>