agent_session_manager

<svg width="200" height="200" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <!-- Main hexagon gradient - deep purple to teal -->
    <linearGradient id="hex-gradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#1a0a2e"/>
      <stop offset="50%" stop-color="#16213e"/>
      <stop offset="100%" stop-color="#0f3460"/>
    </linearGradient>
    
    <!-- Accent gradient for inner elements -->
    <linearGradient id="accent-gradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#e94560"/>
      <stop offset="50%" stop-color="#f39c12"/>
      <stop offset="100%" stop-color="#00d9ff"/>
    </linearGradient>
    
    <!-- Speed flow gradient - cyan -->
    <linearGradient id="speed-cyan" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#00d9ff" stop-opacity="0"/>
      <stop offset="30%" stop-color="#00d9ff" stop-opacity="0.6"/>
      <stop offset="70%" stop-color="#00d9ff" stop-opacity="0.8"/>
      <stop offset="100%" stop-color="#00d9ff" stop-opacity="0"/>
    </linearGradient>
    
    <!-- Speed flow gradient - red/pink -->
    <linearGradient id="speed-red" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#e94560" stop-opacity="0"/>
      <stop offset="30%" stop-color="#e94560" stop-opacity="0.6"/>
      <stop offset="70%" stop-color="#e94560" stop-opacity="0.8"/>
      <stop offset="100%" stop-color="#e94560" stop-opacity="0"/>
    </linearGradient>
    
    <!-- Speed flow gradient - orange -->
    <linearGradient id="speed-orange" x1="100%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#f39c12" stop-opacity="0"/>
      <stop offset="30%" stop-color="#f39c12" stop-opacity="0.6"/>
      <stop offset="70%" stop-color="#f39c12" stop-opacity="0.8"/>
      <stop offset="100%" stop-color="#f39c12" stop-opacity="0"/>
    </linearGradient>
    
    <!-- Glow effect for session nodes -->
    <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
      <feMerge>
        <feMergeNode in="coloredBlur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
    
    <!-- Subtle shadow -->
    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="1" stdDeviation="1" flood-color="#000" flood-opacity="0.3"/>
    </filter>
    
    <!-- Speed blur filter - creates motion blur effect -->
    <filter id="speed-blur" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur in="SourceGraphic" stdDeviation="0.8" result="blur"/>
      <feColorMatrix in="blur" type="saturate" values="1.5"/>
    </filter>
    
    <!-- 3D depth glow filter -->
    <filter id="depth-glow" x="-100%" y="-100%" width="300%" height="300%">
      <feGaussianBlur stdDeviation="2" result="glow1"/>
      <feGaussianBlur stdDeviation="0.5" result="glow2"/>
      <feMerge>
        <feMergeNode in="glow1"/>
        <feMergeNode in="glow2"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
    
    <!-- Circuit pattern -->
    <pattern id="circuit" width="10" height="10" patternUnits="userSpaceOnUse">
      <path d="M0 5h3M7 5h3M5 0v3M5 7v3" stroke="#ffffff08" stroke-width="0.3" fill="none"/>
      <circle cx="5" cy="5" r="0.5" fill="#ffffff06"/>
    </pattern>
  </defs>
  
  <!-- Hexagon background -->
  <path d="M50 3 L93 26 L93 74 L50 97 L7 74 L7 26 Z" 
        fill="url(#hex-gradient)" 
        stroke="url(#accent-gradient)" 
        stroke-width="1.5"/>
  
  <!-- Circuit pattern overlay -->
  <path d="M50 3 L93 26 L93 74 L50 97 L7 74 L7 26 Z" fill="url(#circuit)"/>
  
  <!-- ========== DATA FLOW SPEED CLOUDS ========== -->
  
  <!-- Top-left flow: 3D layered speed trails -->
  <g filter="url(#depth-glow)" opacity="0.9">
    <!-- Outer speed wake layer (furthest) -->
    <path d="M18 22 Q24 26 28 31" stroke="#00d9ff" stroke-width="4" stroke-opacity="0.15" stroke-linecap="round" fill="none"/>
    <!-- Mid-depth trail -->
    <path d="M19 23 Q25 27 29 32" stroke="#00d9ff" stroke-width="2.5" stroke-opacity="0.25" stroke-linecap="round" fill="none"/>
    <!-- Speed streaks - parallel motion lines -->
    <path d="M21 21 Q26 24 29 28" stroke="#00d9ff" stroke-width="0.6" stroke-opacity="0.12" stroke-linecap="round" fill="none"/>
    <path d="M17 25 Q22 29 26 34" stroke="#00d9ff" stroke-width="0.6" stroke-opacity="0.1" stroke-linecap="round" fill="none"/>
    <path d="M22 23 Q27 27 30 31" stroke="#ffffff" stroke-width="0.3" stroke-opacity="0.6" stroke-linecap="round" fill="none"/>
    <!-- Micro particles suggesting velocity -->
    <circle cx="23" cy="25" r="0.4" fill="#00d9ff" opacity="0.7"/>
    <circle cx="26" cy="28" r="0.3" fill="#ffffff" opacity="0.5"/>
    <circle cx="28" cy="31" r="0.5" fill="#00d9ff" opacity="0.6"/>
    <circle cx="24" cy="27" r="0.25" fill="#ffffff" opacity="0.8"/>
  </g>
  
  <!-- Top-right flow: 3D layered speed trails -->
  <g filter="url(#depth-glow)" opacity="0.9">
    <!-- Outer speed wake layer -->
    <path d="M82 22 Q76 26 72 31" stroke="#e94560" stroke-width="4" stroke-opacity="0.15" stroke-linecap="round" fill="none"/>
    <!-- Mid-depth trail -->
    <path d="M81 23 Q75 27 71 32" stroke="#e94560" stroke-width="2.5" stroke-opacity="0.25" stroke-linecap="round" fill="none"/>
    <!-- Speed streaks -->
    <path d="M79 21 Q74 24 71 28" stroke="#e94560" stroke-width="0.6" stroke-opacity="0.12" stroke-linecap="round" fill="none"/>
    <path d="M83 25 Q78 29 74 34" stroke="#e94560" stroke-width="0.6" stroke-opacity="0.1" stroke-linecap="round" fill="none"/>
    <path d="M78 23 Q73 27 70 31" stroke="#ffffff" stroke-width="0.3" stroke-opacity="0.6" stroke-linecap="round" fill="none"/>
    <!-- Micro particles -->
    <circle cx="77" cy="25" r="0.4" fill="#e94560" opacity="0.7"/>
    <circle cx="74" cy="28" r="0.3" fill="#ffffff" opacity="0.5"/>
    <circle cx="72" cy="31" r="0.5" fill="#e94560" opacity="0.6"/>
    <circle cx="76" cy="27" r="0.25" fill="#ffffff" opacity="0.8"/>
  </g>
  
  <!-- Bottom-left flow: 3D outgoing speed trails -->
  <g filter="url(#depth-glow)" opacity="0.9">
    <!-- Outer speed wake -->
    <path d="M33 63 Q27 69 21 75" stroke="#f39c12" stroke-width="4" stroke-opacity="0.15" stroke-linecap="round" fill="none"/>
    <!-- Mid-depth trail -->
    <path d="M32 64 Q26 70 20 76" stroke="#f39c12" stroke-width="2.5" stroke-opacity="0.25" stroke-linecap="round" fill="none"/>
    <!-- Speed streaks -->
    <path d="M34 66 Q29 71 24 76" stroke="#f39c12" stroke-width="0.6" stroke-opacity="0.12" stroke-linecap="round" fill="none"/>
    <path d="M30 62 Q24 68 18 74" stroke="#f39c12" stroke-width="0.6" stroke-opacity="0.1" stroke-linecap="round" fill="none"/>
    <path d="M31 65 Q25 71 19 77" stroke="#ffffff" stroke-width="0.3" stroke-opacity="0.6" stroke-linecap="round" fill="none"/>
    <!-- Micro particles -->
    <circle cx="28" cy="68" r="0.4" fill="#f39c12" opacity="0.7"/>
    <circle cx="25" cy="71" r="0.3" fill="#ffffff" opacity="0.5"/>
    <circle cx="22" cy="74" r="0.5" fill="#f39c12" opacity="0.6"/>
    <circle cx="27" cy="70" r="0.25" fill="#ffffff" opacity="0.8"/>
  </g>
  
  <!-- Bottom-right flow: 3D outgoing speed trails -->
  <g filter="url(#depth-glow)" opacity="0.9">
    <!-- Outer speed wake -->
    <path d="M67 63 Q73 69 79 75" stroke="#00d9ff" stroke-width="4" stroke-opacity="0.15" stroke-linecap="round" fill="none"/>
    <!-- Mid-depth trail -->
    <path d="M68 64 Q74 70 80 76" stroke="#00d9ff" stroke-width="2.5" stroke-opacity="0.25" stroke-linecap="round" fill="none"/>
    <!-- Speed streaks -->
    <path d="M66 66 Q71 71 76 76" stroke="#00d9ff" stroke-width="0.6" stroke-opacity="0.12" stroke-linecap="round" fill="none"/>
    <path d="M70 62 Q76 68 82 74" stroke="#00d9ff" stroke-width="0.6" stroke-opacity="0.1" stroke-linecap="round" fill="none"/>
    <path d="M69 65 Q75 71 81 77" stroke="#ffffff" stroke-width="0.3" stroke-opacity="0.6" stroke-linecap="round" fill="none"/>
    <!-- Micro particles -->
    <circle cx="72" cy="68" r="0.4" fill="#00d9ff" opacity="0.7"/>
    <circle cx="75" cy="71" r="0.3" fill="#ffffff" opacity="0.5"/>
    <circle cx="78" cy="74" r="0.5" fill="#00d9ff" opacity="0.6"/>
    <circle cx="73" cy="70" r="0.25" fill="#ffffff" opacity="0.8"/>
  </g>
  
  <!-- Central brain/session hub - stylized abstract representation -->
  <g filter="url(#shadow)">
    <!-- Core session container - rounded rectangle -->
    <rect x="32" y="32" width="36" height="36" rx="5" ry="5" 
          fill="none" stroke="#00d9ff" stroke-width="1.2" opacity="0.8"/>
    
    <!-- Inner session core -->
    <rect x="38" y="38" width="24" height="24" rx="3" ry="3" 
          fill="#0f3460" stroke="#e94560" stroke-width="0.8"/>
    
    <!-- Session state indicators - 3x3 grid of nodes -->
    <g filter="url(#glow)">
      <!-- Top row -->
      <circle cx="44" cy="44" r="2.5" fill="#00d9ff"/>
      <circle cx="50" cy="44" r="2.5" fill="#e94560"/>
      <circle cx="56" cy="44" r="2.5" fill="#f39c12"/>
      
      <!-- Middle row -->
      <circle cx="44" cy="50" r="2.5" fill="#f39c12"/>
      <circle cx="50" cy="50" r="3.5" fill="url(#accent-gradient)"/>
      <circle cx="56" cy="50" r="2.5" fill="#00d9ff"/>
      
      <!-- Bottom row -->
      <circle cx="44" cy="56" r="2.5" fill="#e94560"/>
      <circle cx="50" cy="56" r="2.5" fill="#00d9ff"/>
      <circle cx="56" cy="56" r="2.5" fill="#f39c12"/>
    </g>
    
    <!-- Connection lines between nodes -->
    <g stroke="#ffffff40" stroke-width="0.5" fill="none">
      <line x1="44" y1="44" x2="50" y2="50"/>
      <line x1="56" y1="44" x2="50" y2="50"/>
      <line x1="44" y1="56" x2="50" y2="50"/>
      <line x1="56" y1="56" x2="50" y2="50"/>
      <line x1="50" y1="44" x2="50" y2="50"/>
      <line x1="50" y1="56" x2="50" y2="50"/>
      <line x1="44" y1="50" x2="50" y2="50"/>
      <line x1="56" y1="50" x2="50" y2="50"/>
    </g>
  </g>
  
  <!-- Agent connection arrows - incoming/outgoing sessions -->
  <g stroke-width="1.5" fill="none">
    <!-- Top-left incoming agent -->
    <path d="M20 24 Q27 30 31 35" stroke="#00d9ff" stroke-linecap="round"/>
    <circle cx="20" cy="24" r="3" fill="none" stroke="#00d9ff" stroke-width="1"/>
    <circle cx="20" cy="24" r="1.5" fill="#00d9ff"/>
    
    <!-- Top-right incoming agent -->
    <path d="M80 24 Q73 30 69 35" stroke="#e94560" stroke-linecap="round"/>
    <circle cx="80" cy="24" r="3" fill="none" stroke="#e94560" stroke-width="1"/>
    <circle cx="80" cy="24" r="1.5" fill="#e94560"/>
    
    <!-- Bottom-left outgoing session -->
    <path d="M31 65 Q27 71 21 77" stroke="#f39c12" stroke-linecap="round"/>
    <polygon points="18,79 21,73 24,78" fill="#f39c12"/>
    
    <!-- Bottom-right outgoing session -->
    <path d="M69 65 Q73 71 79 77" stroke="#00d9ff" stroke-linecap="round"/>
    <polygon points="76,78 79,73 82,79" fill="#00d9ff"/>
  </g>
  
  <!-- Hexagon inner border glow -->
  <path d="M50 8 L88 28 L88 72 L50 92 L12 72 L12 28 Z" 
        fill="none" 
        stroke="#ffffff10" 
        stroke-width="0.5"/>
</svg>