<svg width="1100" height="760" viewBox="0 0 1100 760" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="agentTitle agentDesc">
  <title id="agentTitle">Multi-Agent AI Diagram</title>
  <desc id="agentDesc">Perception, reasoning, planning, and execution agents connected through a shared cognitive memory core.</desc>
  <defs>
    <linearGradient id="agentBg" x1="0" y1="0" x2="1100" y2="760" gradientUnits="userSpaceOnUse">
      <stop stop-color="#0B0F19"/>
      <stop offset="1" stop-color="#101828"/>
    </linearGradient>
    <linearGradient id="agentLine" x1="240" y1="120" x2="860" y2="620" gradientUnits="userSpaceOnUse">
      <stop stop-color="#00D1FF"/>
      <stop offset="1" stop-color="#7C5CFF"/>
    </linearGradient>
    <filter id="agentGlow" x="-40%" y="-40%" width="180%" height="180%">
      <feGaussianBlur stdDeviation="7" result="blur"/>
      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
    </filter>
  </defs>
  <rect width="1100" height="760" rx="32" fill="url(#agentBg)"/>
  <text x="86" y="84" fill="#E5E7EB" font-family="Inter, sans-serif" font-size="30" font-weight="700">Multi-Agent Cognitive System</text>
  <text x="86" y="116" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="18">Specialized agents coordinate through shared memory and state transitions</text>

  <g stroke="url(#agentLine)" stroke-width="3" stroke-linecap="round" filter="url(#agentGlow)">
    <path d="M550 380L300 210"/><path d="M550 380L800 210"/><path d="M550 380L300 560"/><path d="M550 380L800 560"/><path d="M300 210H800"/><path d="M300 560H800"/>
  </g>

  <g filter="url(#agentGlow)">
    <circle cx="550" cy="380" r="128" fill="#101A2E" stroke="#00D1FF" stroke-width="3"/>
    <text x="550" y="356" text-anchor="middle" fill="#FFFFFF" font-family="Inter, sans-serif" font-size="28" font-weight="700">Shared Cognitive Memory</text>
    <text x="550" y="392" text-anchor="middle" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="19">context state</text>
    <text x="550" y="418" text-anchor="middle" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="19">world model</text>

    <rect x="180" y="148" width="240" height="124" rx="24" fill="#101828" stroke="#00D1FF" stroke-opacity="0.65"/>
    <text x="300" y="194" text-anchor="middle" fill="#FFFFFF" font-family="Inter, sans-serif" font-size="26" font-weight="600">Perception Agents</text>
    <text x="300" y="226" text-anchor="middle" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="17">sensor fusion, event parsing</text>
    <text x="300" y="252" text-anchor="middle" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="17">environment state extraction</text>

    <rect x="680" y="148" width="240" height="124" rx="24" fill="#101828" stroke="#2D7CFF" stroke-opacity="0.65"/>
    <text x="800" y="194" text-anchor="middle" fill="#FFFFFF" font-family="Inter, sans-serif" font-size="26" font-weight="600">Reasoning Agents</text>
    <text x="800" y="226" text-anchor="middle" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="17">hypotheses, policy scoring</text>
    <text x="800" y="252" text-anchor="middle" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="17">constraint-aware inference</text>

    <rect x="180" y="498" width="240" height="124" rx="24" fill="#101828" stroke="#2D7CFF" stroke-opacity="0.65"/>
    <text x="300" y="544" text-anchor="middle" fill="#FFFFFF" font-family="Inter, sans-serif" font-size="26" font-weight="600">Planning Agents</text>
    <text x="300" y="576" text-anchor="middle" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="17">goal decomposition</text>
    <text x="300" y="602" text-anchor="middle" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="17">trajectory and sequence selection</text>

    <rect x="680" y="498" width="240" height="124" rx="24" fill="#101828" stroke="#7C5CFF" stroke-opacity="0.7"/>
    <text x="800" y="544" text-anchor="middle" fill="#FFFFFF" font-family="Inter, sans-serif" font-size="26" font-weight="600">Execution Agents</text>
    <text x="800" y="576" text-anchor="middle" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="17">command dispatch and monitoring</text>
    <text x="800" y="602" text-anchor="middle" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="17">feedback capture and control</text>
  </g>
</svg>
