Shared memory and context tools for agentic work.
Code Rooms
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
<defs>
<!-- Core activation glow -->
<radialGradient id="core-pulse" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#a78bfa"/>
<stop offset="40%" stop-color="#7c3aed"/>
<stop offset="100%" stop-color="#4c1d95"/>
</radialGradient>
<radialGradient id="core-halo" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#8b5cf6" stop-opacity="0.6"/>
<stop offset="60%" stop-color="#6d28d9" stop-opacity="0.15"/>
<stop offset="100%" stop-color="#6d28d9" stop-opacity="0"/>
<radialGradient id="outer-halo" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#7c3aed" stop-opacity="0.12"/>
<stop offset="100%" stop-color="#7c3aed" stop-opacity="0"/>
<!-- Signal line gradient -->
<linearGradient id="sig-out" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#a78bfa" stop-opacity="0.9"/>
<stop offset="100%" stop-color="#7c3aed" stop-opacity="0.08"/>
</linearGradient>
<!-- Glow filters -->
<filter id="glow-sm">
<feGaussianBlur stdDeviation="3" result="b"/>
<feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
<filter id="glow-md">
<feGaussianBlur stdDeviation="8" result="b"/>
<filter id="glow-lg">
<feGaussianBlur stdDeviation="18" result="b"/>
</defs>
<!-- ==================== SPREADING ACTIVATION RINGS ==================== -->
<!-- Ring 3: Outermost — barely visible, the frontier -->
<circle cx="256" cy="256" r="230" fill="none" stroke="#7c3aed" stroke-width="0.5" opacity="0.08"/>
<!-- Ring 2: Middle activation boundary -->
<circle cx="256" cy="256" r="170" fill="none" stroke="#7c3aed" stroke-width="0.8" opacity="0.12"/>
<!-- Ring 1: Inner activation boundary -->
<circle cx="256" cy="256" r="110" fill="none" stroke="#8b5cf6" stroke-width="1" opacity="0.18"/>
<!-- ==================== DEPTH-3 NODES (outermost, faintest) ==================== -->
<!-- 12 nodes arranged in a circle at r=220 -->
<circle cx="256" cy="36" r="4" fill="#a78bfa" opacity="0.15"/> <!-- N -->
<circle cx="366" cy="66" r="3.5" fill="#a78bfa" opacity="0.13"/> <!-- NE -->
<circle cx="446" cy="146" r="4" fill="#a78bfa" opacity="0.15"/> <!-- ENE -->
<circle cx="476" cy="256" r="3.5" fill="#a78bfa" opacity="0.14"/> <!-- E -->
<circle cx="446" cy="366" r="4" fill="#a78bfa" opacity="0.15"/> <!-- ESE -->
<circle cx="366" cy="446" r="3.5" fill="#a78bfa" opacity="0.13"/> <!-- SE -->
<circle cx="256" cy="476" r="4" fill="#a78bfa" opacity="0.15"/> <!-- S -->
<circle cx="146" cy="446" r="3.5" fill="#a78bfa" opacity="0.13"/> <!-- SW -->
<circle cx="66" cy="366" r="4" fill="#a78bfa" opacity="0.15"/> <!-- WSW -->
<circle cx="36" cy="256" r="3.5" fill="#a78bfa" opacity="0.14"/> <!-- W -->
<circle cx="66" cy="146" r="4" fill="#a78bfa" opacity="0.15"/> <!-- WNW -->
<circle cx="146" cy="66" r="3.5" fill="#a78bfa" opacity="0.13"/> <!-- NW -->
<!-- ==================== DEPTH-2 NODES (mid, moderate) ==================== -->
<!-- 8 nodes at r=160 -->
<circle cx="256" cy="96" r="6" fill="#8b5cf6" opacity="0.28" filter="url(#glow-sm)"/>
<circle cx="369" cy="143" r="5.5" fill="#8b5cf6" opacity="0.25"/>
<circle cx="416" cy="256" r="6" fill="#8b5cf6" opacity="0.28" filter="url(#glow-sm)"/>
<circle cx="369" cy="369" r="5.5" fill="#8b5cf6" opacity="0.25"/>
<circle cx="256" cy="416" r="6" fill="#8b5cf6" opacity="0.28" filter="url(#glow-sm)"/>
<circle cx="143" cy="369" r="5.5" fill="#8b5cf6" opacity="0.25"/>
<circle cx="96" cy="256" r="6" fill="#8b5cf6" opacity="0.28" filter="url(#glow-sm)"/>
<circle cx="143" cy="143" r="5.5" fill="#8b5cf6" opacity="0.25"/>
<!-- Edges: depth-3 → depth-2 -->
<line x1="256" y1="36" x2="256" y2="96" stroke="#8b5cf6" stroke-width="0.6" opacity="0.1"/>
<line x1="366" y1="66" x2="369" y2="143" stroke="#8b5cf6" stroke-width="0.6" opacity="0.1"/>
<line x1="476" y1="256" x2="416" y2="256" stroke="#8b5cf6" stroke-width="0.6" opacity="0.1"/>
<line x1="366" y1="446" x2="369" y2="369" stroke="#8b5cf6" stroke-width="0.6" opacity="0.1"/>
<line x1="256" y1="476" x2="256" y2="416" stroke="#8b5cf6" stroke-width="0.6" opacity="0.1"/>
<line x1="146" y1="446" x2="143" y2="369" stroke="#8b5cf6" stroke-width="0.6" opacity="0.1"/>
<line x1="36" y1="256" x2="96" y2="256" stroke="#8b5cf6" stroke-width="0.6" opacity="0.1"/>
<line x1="146" y1="66" x2="143" y2="143" stroke="#8b5cf6" stroke-width="0.6" opacity="0.1"/>
<line x1="446" y1="146" x2="369" y2="143" stroke="#8b5cf6" stroke-width="0.6" opacity="0.08"/>
<line x1="446" y1="366" x2="369" y2="369" stroke="#8b5cf6" stroke-width="0.6" opacity="0.08"/>
<line x1="66" y1="366" x2="143" y2="369" stroke="#8b5cf6" stroke-width="0.6" opacity="0.08"/>
<line x1="66" y1="146" x2="143" y2="143" stroke="#8b5cf6" stroke-width="0.6" opacity="0.08"/>
<!-- ==================== DEPTH-1 NODES (inner ring, bright) ==================== -->
<!-- 6 nodes at r=100, hexagonal -->
<circle cx="256" cy="156" r="9" fill="#7c3aed" opacity="0.6" filter="url(#glow-md)"/>
<circle cx="342.6" cy="206" r="8.5" fill="#7c3aed" opacity="0.55" filter="url(#glow-md)"/>
<circle cx="342.6" cy="306" r="9" fill="#7c3aed" opacity="0.6" filter="url(#glow-md)"/>
<circle cx="256" cy="356" r="8.5" fill="#7c3aed" opacity="0.55" filter="url(#glow-md)"/>
<circle cx="169.4" cy="306" r="9" fill="#7c3aed" opacity="0.6" filter="url(#glow-md)"/>
<circle cx="169.4" cy="206" r="8.5" fill="#7c3aed" opacity="0.55" filter="url(#glow-md)"/>
<!-- Edges: depth-2 → depth-1 -->
<line x1="256" y1="96" x2="256" y2="156" stroke="#8b5cf6" stroke-width="1.2" opacity="0.25"/>
<line x1="369" y1="143" x2="342.6" y2="206" stroke="#8b5cf6" stroke-width="1.2" opacity="0.25"/>
<line x1="416" y1="256" x2="342.6" y2="306" stroke="#8b5cf6" stroke-width="1.2" opacity="0.25"/>
<line x1="369" y1="369" x2="256" y2="356" stroke="#8b5cf6" stroke-width="1.2" opacity="0.25"/>
<line x1="256" y1="416" x2="256" y2="356" stroke="#8b5cf6" stroke-width="1.2" opacity="0.25"/>
<line x1="143" y1="369" x2="169.4" y2="306" stroke="#8b5cf6" stroke-width="1.2" opacity="0.25"/>
<line x1="96" y1="256" x2="169.4" y2="206" stroke="#8b5cf6" stroke-width="1.2" opacity="0.25"/>
<line x1="143" y1="143" x2="169.4" y2="206" stroke="#8b5cf6" stroke-width="1.2" opacity="0.25"/>
<line x1="416" y1="256" x2="342.6" y2="206" stroke="#8b5cf6" stroke-width="1" opacity="0.18"/>
<line x1="143" y1="143" x2="256" y2="156" stroke="#8b5cf6" stroke-width="1" opacity="0.18"/>
<!-- Cross-connections between depth-1 nodes (hexagonal web) -->
<line x1="256" y1="156" x2="342.6" y2="206" stroke="#7c3aed" stroke-width="0.8" opacity="0.15"/>
<line x1="342.6" y1="206" x2="342.6" y2="306" stroke="#7c3aed" stroke-width="0.8" opacity="0.15"/>
<line x1="342.6" y1="306" x2="256" y2="356" stroke="#7c3aed" stroke-width="0.8" opacity="0.15"/>
<line x1="256" y1="356" x2="169.4" y2="306" stroke="#7c3aed" stroke-width="0.8" opacity="0.15"/>
<line x1="169.4" y1="306" x2="169.4" y2="206" stroke="#7c3aed" stroke-width="0.8" opacity="0.15"/>
<line x1="169.4" y1="206" x2="256" y2="156" stroke="#7c3aed" stroke-width="0.8" opacity="0.15"/>
<!-- ==================== SIGNAL PROPAGATION LINES (core → depth-1) ==================== -->
<!-- These are the "activation" rays — brightest, most visible -->
<line x1="256" y1="256" x2="256" y2="156" stroke="#a78bfa" stroke-width="2.5" opacity="0.5" filter="url(#glow-sm)"/>
<line x1="256" y1="256" x2="342.6" y2="206" stroke="#a78bfa" stroke-width="2.5" opacity="0.5" filter="url(#glow-sm)"/>
<line x1="256" y1="256" x2="342.6" y2="306" stroke="#a78bfa" stroke-width="2.5" opacity="0.45" filter="url(#glow-sm)"/>
<line x1="256" y1="256" x2="256" y2="356" stroke="#a78bfa" stroke-width="2.5" opacity="0.45" filter="url(#glow-sm)"/>
<line x1="256" y1="256" x2="169.4" y2="306" stroke="#a78bfa" stroke-width="2.5" opacity="0.5" filter="url(#glow-sm)"/>
<line x1="256" y1="256" x2="169.4" y2="206" stroke="#a78bfa" stroke-width="2.5" opacity="0.5" filter="url(#glow-sm)"/>
<!-- ==================== GHOST EDGES (dashed — inferred connections) ==================== -->
<line x1="256" y1="156" x2="256" y2="356" stroke="#c4b5fd" stroke-width="0.8" stroke-dasharray="5,8" opacity="0.18"/>
<line x1="169.4" y1="206" x2="342.6" y2="306" stroke="#c4b5fd" stroke-width="0.8" stroke-dasharray="5,8" opacity="0.15"/>
<line x1="342.6" y1="206" x2="169.4" y2="306" stroke="#c4b5fd" stroke-width="0.8" stroke-dasharray="5,8" opacity="0.15"/>
<!-- ==================== CORE NODE ==================== -->
<!-- The activated center — the "mind's eye" -->
<circle cx="256" cy="256" r="60" fill="url(#outer-halo)"/>
<circle cx="256" cy="256" r="36" fill="url(#core-halo)"/>
<circle cx="256" cy="256" r="20" fill="url(#core-pulse)" filter="url(#glow-lg)"/>
<circle cx="256" cy="256" r="12" fill="#a78bfa" filter="url(#glow-md)"/>
<circle cx="256" cy="256" r="5" fill="#ede9fe"/>
</svg>